3 Templates
1) Template ”A”
Based off the “Default” template.
Insert “Contact us at 1-800-555-1234” centered vertically between “Special Offers-Bookmark-Contact-Sitemap” links and the “Home-Log In-Account-Basket-Checkout” tabs and padded so that it lowers the header bar 57px (this will allow an area 100px high for the store logo).
“Contact us at………” Font: Size = 26, Weight = Bold, Color #0500C4.
Justify right with NO padding on right side.
Remove ALL padding and spacing to the right of the “Checkout” tab, resulting in the right side of the tab being flush with the right edge of the header bar.
Then fill in the area below the bottom right corner of the “Checkout” tab and make it function as part of the “Checkout” tab.
Change the Upper half of the header bar (contains the search functions) and currently active tab to the non-hatched Color #0500C4.
2) Template ”F”
Make exactly the same modifications as Template “A” with the following changes or additions.
Change “Contact us at 1-800-555-1234” to color #643228.
Change the background color outside of the modules to color #FAA01E.
Change the Upper half of the header bar and currently active tab to the non-hatched Color #643228.
Change the inactive tabs to color # B40A3C on the bottom vertical graduated to color #D20A3C on the top.
Change the bottom half of the header-bar border to color #B40A3C.
Change the bottom half of the header-bar to color #B40A3C on the bottom graduated to color #D20A3C on the top.
Change language box border to color #B40A3C.
Change language box to color #B40A3C on the top vertical graduated to color #D20A3C on the bottom.
Change currency box border to color #B40A3C.
Change currency box to color #B40A3C on the top vertical graduated to color #D20A3C on the bottom.
Change all module borders to color #B40A3C.
Change all module headers to color #B40A3C on the bottom vertical graduated to color #D20A3C on the top.
3) Template ”N”
Same modifications as Template “F” with different colors and no background color change.
Modules
1) Mall Link
The title of the module is “MALL LINK”.
Use a couple of chain links as a header icon 16px x 16px.
The body of the module will only contain an image.
The height of the module will be determined by the size of the image inserted.
The link will be acquired by clicking on the image.
Module edit functions:
Position: Left or Right
Status: Enabled or Disabled
Sort Order:
Image: Display standard default image of a camera.
Link to image manager
URL:
2) Information Center (Identical to the MALL LINK module with a different name)
The title of the module is “INFO CENTER”.
3) Mall Stores
The title of the module is “MALL STORES”.
Use a couple of chain links as a header icon 16px x 16px.
Similar layout as “LATEST” module.
38px x 38px image left side.
Store name - center between image and right side padding.
Store description – below store name, multi line capable with centered text.
The link will be acquired by clicking on the image or Text.
Module edit functions:
Position: Left or Right
Status: Enabled or Disabled
Sort Order:
Create the new catalog “Stores”
Have columns same as “Categories” catalog.
Store Name, Sort Order, Action
Edit Functions
Image: Display standard default image of a camera.
Link to image manager
Store Name:
URL:
Description:
Sort Order:
How I would like the completed work delivered
Create a Folder/File structure as follows:
TSM OpenCart Project
Templates
1) Template A
Template A
(The folder that will be inserted in the theme folder(?)).
“readme”
(File describing how to implement the template, as well as instructions on how to modify the color number of each of the colors that were changed by this template, as well as instructions on how to modify the phone number).
2) Template F
Structure/files same as Template A.
3) Template N
Structure/files same as Template A.
Not enough space for all of the details, see attached doc