We are looking for a very experienced Magento and Joomla CSSprogrammer and designer for occasional work.
The current project would involve designing a template for Magento store including some programming and graphical elements.
Documentation:? ? A document must be included with all the files that lists every file created and changed along with their path.
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Every file created and changed must include linte item comments to explain each line of code changed, and each section of code written.
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? CSS file comments must clearly explain precisely what each entry does or changes so that we can easily find and change sizes and colors later.
File Locations:? All new and changed files are to be located in the local section. No core files shall be effected.
Magento compatability: All work needs to be compatible with 1.4.* Community version Magento. The template shall be fully in line with the file structure of the Default and/or Modern themes
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? The work shall be fully tested and compatible with all of our installed custom extensions.
Browser testing: Everything must work in the latest versions of Explorer, Firefox, and Chrome.
Website Width:? 980px
Images created: All graphic images created/modified must be provided in unflattened, editable Photoshop or other approved format as well as the final web graphic (png, jpg, etc)
Layout/Design: Create a new template using the Default and Modern templates in Magento as a basis, that is laid out according to the attached pdf, the instuctions below, and with some specific
elements from the reference site listed below. All the static blocks specified to be created below are to be designed to fit the style of the created template.
Although we are giving a very clear layout and references previous incomplete work for colors and images, it still may be that a few revisions to your presentations may be required
before we are satisfied with your design.
Reference:? ? ? ? ? Use the color and general look of the example site at [url removed, login to view] except as noted below or as shown in the attached layout pdf.
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? The elements we want retained from the example site are particularly: The color scheme, the color gradient background, the look and behaviour of the top Menu bar (under header),
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? The Block headers, the look and behaviour of the bottom navigation menu.
Z-Blocks:? ? ? ? ? ? Many of the Static Blocks listed below will be managed by Z-Blocks which we will have installed. ([url removed, login to view]) Z-Blocks has many standard block locations
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? available but the final position and layout of these block may need adjustment to the final site design.
Errors, Corrections, and Changes:
As you present your work in progress we may find that it has errors or ommissions from our specifications and we will ask for corrections. Also, as you present your work in progress you may suggest changes you
believe will improve the result or we may request changes we believe will improve the work. You should expect and accommodate in your quote minor changes in layout, design, and function. We expect that any
major changes requested may require additional charges. You must notify us if you think a change requested is significant enough to warrant extra charges before doing it and get approval for any proposed extra
charges before doing the associated work.
Graphic Files - Some graphics, such as Header already exist so wont be needed to be made from scratch. These will be provided as is or for modification to fit design scheme
Layout - See attached PDF
Navigation - All navigation bars need to be editable in back end using Static Blocks. These nav bars would be viewable on all pages. The specific buttons will link to a Static page in CMS or to the proper system link.
Top Navigation - Home . Products . More Info . Contact . My Account . Cart .? Sign Up/Sign In
Left Navigation -? Product Categories w/ accordion menu so products show when in category view
Bottom Navigation -? Copyright . About Us . Contact Us . Affiliates . Articles . Shipping . Conditions of Use . Site Map
Right Bar - Should contain the standard Magento Cart block, Live Chat block, and Recently Viewed blocks.
Communication Bar - Width: the general width of the Center Content, Height: 80px - 90px, A Static Block that appears on all pages just above the center content (This block should be managed by Z-Blocks).
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? The left graphic being for Contact Us and link to the Contact Page (Text: Click Here for Customer Service), on the right would contain a graphic containing our telephone contact information (Text: Will be provided).
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Example: [url removed, login to view] )
Center Content: Product Display Block: Dynamicaly dispaly Items of our choice in the order we choose. We can add a custom attribute to the Group products for this that you can pull from.
We would put the number in the custom attribute of the order and the top left is #1, row 1 - 2nd column #2, row 1 - third column #3, row 2 - 1st column #4 etc.
This would be in a Grid View in a 2 or 3 colums with no Sort or View functions. We would like to be able to change from 2 to 3 by editing the css.
Try to fit 3 columns with the specs below and see if we like it. If it works great if not we will ask you to change to a 2 column view.
This will display Grouped Products as shown in the layout pdf attached with the top section being the Thumbnail and Group Product Name.
Then below that there should be a header row saying Count, Price, Unit Price, Savings.
Then in rows beneath that all associated Simple Products omitting the Simple Product Name and only showing Count (custom attribute), Price, Unit price (custom attribute), Savings (custom attribute),
and a "Buy" button in place of the Quantity Box that adds one to the Cart. Custom attributes assigned to the Simple Products in the Group need to be displayed as specified by adding the appropriate call in the template.
See Product Custom Attributes below. See layout in the Site mock up PDF attached. See example site: allpillsrx.com. This should be provided in a template form that can be used in any Static
Block or in a Grid category view on a CMS page. The custom attributes named are easily created in admin and will probably be created in advance by us.
You will create a unique CSS class assigned to each element of the display in this block so their appearance can be modified as needed, and initially set the appearance to fit the layout specified herein.
Option 1: Quote this an an optional additional item: Auto calculate and populate the Unit Price custom attribute by dividing the Price by the Count custom attribute.
Option 2: Quote this an an optional additional item: Auto calculate and populate the Savings custom attribute as a % savings of this Simple Product unit price over the highest simple product unit
price in this Product Group. Alternately a check box could be provided to indicate which is the simple product to base the percentage saved on. The forumula for percentage saved would be
"this simple product unit price divided by the (highest unit price in group minus this simple product unit price)" The percentage should be in single digits rounded up if .5 or more over.
Note: These options would function in admin when adding or editing the products custom attributes and populate the database.
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
Payment and Shipping Logo Bar - Width: 980px, Height: 80px - 90px, A Static Block that runs the width of the site and sits just above the Bottom Navigation (This block should be managed by Z-Blocks).
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? This will contain graphics representing payment types such as Visa and shipping types such as EMS along with any other logos we care to display. (we provide logo images)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
Affiliate Link - Static Block that incorporates the Affiliate link graphic and links to Affiliate Sign In Page (Static Page)(This block should be managed by Z-Blocks)
Disclaimer Box - Width: 980px, Height: 60px, A Static Block that appears on all pages at the very bottom below the Bottom Navigation (This block should be managed by Z-Blocks)
Custom Static Box - Width: 980px, Height: Dynamic, Position: Just below Communication Bar, A Static Block Where we can write custom Sign up and Log In instructions (This block should be managed by Z-Blocks)
Create an Account Page
Custom Static Box - Width: 980px, Height: Dynamic, Position: Just below Communication Bar, A Static Block Where we can write custom Sign up instructions (This block should be managed by Z-Blocks)
My Account Page
Layout - adjust so that no text wraps in the My Orders section. Currently Create a Ticket wraps in some browsers.
Shopping Cart Page
Edits - Maintian Left Navigation and Affiliates Link and no others, edit CSS the Promotional Codes and Estimate Shipping area to fit site.
Custom Static Box - Width: 980px, Height: Dynamic, Position: Just below Communication Bar, A Static Block Where we can write custom order processing instructions (This block should be managed by Z-Blocks)
Contact Us Page
Custom Static Box - the general width of the Center Content, Height: Dynamic, Position: Just below Communication Bar, A Static Block Where we can write custom contact instructions (This block should be managed by Z-Blocks)
Product Detail Page
The product detail page will include the Product Display Block from the home page but it will be larger to have one product display block be the full width of the center column of this page.
Most other standard existing elements of the product detail page will remain intact except that there will be no single Add to Cart button below the listing of simple products as each simple product will instead
have its own Buy button. You will create a unique CSS class assigned to each element in this product display block so their appearance can be modified as needed, and initially set the appearance to fit the layout specified herein.
Email & PDF Templates
All email and printable PDFs need to be CSSed to match the look and feel of the site including: Header Graphic, Colors and Fonts? ? ? ? ? ? ? ? ? ? ? ?