MyStore3 can use images throughout the site to enhance the store look, identify products, and link to more information and other images.
There are three folders or folder types in the store containing images:
Graphics: This folder holds all generic images for the storefront.
This folder is where you save the logo image for your store.
Layouts: This folder has sub folders containing images specific to the look
of your store. Each sub folder has a Buttons folder to hold the navigation
button images you choose to use or create for the particular store look.
Database:This folder has product category sub folders containing all elements relating to a
particular product category. Within each category folder is an Images sub folder
where image files for items in that category are stored.
Image location, size, and general information
folder location: Graphics/ | ||
name/use | general info and size (w x h) | |
any name store logo |
This image occupies the page header and will cause the header to size accordingly. Size up to 300 x 200 pixels is recommended. (should use) | |
NOTE: The default page header size is 480 x 80 pixels. A 300 x 200 logo will increase the header height to 200 pixels. When tiling an image as the header background, keep this in mind. | ||
folder location: Layouts/YourLayout/ | ||
name/use | general info and size (w x h) | |
body.gif page background |
Use any size but keep in mind loading time. This image tiles to the page as a background image (optional) | |
col.gif left column background |
the default width for the left column is 20, 40, or 80 pixels depending on the particular page. Smaller size images will tile both horizontally and vertically. To prevent horizontal tiling, make the image 80+ pixels in width. Vertical tile will depend on the number of rows in the table. (optional) | |
hrow.gif page header background |
the default size for the page header is 480 x 80 pixels.
Smaller size images will tile both horizontally and vertically. To prevent horizontal
tiling, make the image 480 pixels in width. To prevent vertical tiling, make the image 80 pixels high.
NOTE: The logo you use may increase the header default size. Plan accordingly.(optional) | |
NOTE: All of the layout images are optional. When creating the storefront configuration file, you can choose to use colors instead of these images. | ||
folder location: Layouts/YourLayout/Buttons | ||
name/use | general info and size (w x h) | |
about.gif frame row nav button |
64 x 34 pixels maximum is recommended links to general info about store (the opening page)(required) | |
altgo.gif left column Browse page nav button |
64 x 64 pixels maximum is recommended This is a default "go to" button that appears in the left column of the category list (Browse) page next to each category. It is automatically linked to the relevant category and is used where no image to represent the category has been specified. (required unless every category has a representative image) | |
browse.gif frame row nav button |
64 x 34 pixels maximum is recommended links to the category list(required) | |
ckcart.gif frame row nav button |
64 x 34 pixels maximum is recommended links to the shopping basket(required) | |
ckorder.gif frame row nav button |
64 x 34 pixels maximum is recommended links to the personal, shipping, and payment info form (required) | |
ckout.gif frame row nav button |
64 x 34 pixels maximum is recommended links to the purchase order (required) | |
quest.gif left column product list page nav button |
30 x 30 pixels maximum is recommended This is a default "more Info" image that is in the left column of of a product list page next to each product type. It is automatically linked to a product 'type' message. (required) | |
search.gif frame row nav button |
64 x 34 pixels maximum is recommended links to the search form page(required) | |
talk.gif frame row nav button |
64 x 34 pixels maximum is recommended links to a feedback form(required) | |
NOTE: all of the buttons are used for navigation and appear in either the left column of a page or along the bottom frame row of the window. The sizes should be roughly maintained. Also, the copy on the button must correspond to the image file name. IE: the "about.gif" button must have the word "about" on it or some equivalent word. | ||
folder location: Database/SomeCategory/Images | ||
name/use | general info and size (w x h) | |
any name category item illustration |
thumbnail size (64 x 100 max) is recommended Larger sizes may be used if there are only a few illustration images. This image appears in a category row to illustrate an example item. It can be added using the Category Mentor and is never linked. (optional) | |
any name product list item image |
thumbnail size (64 x 100 max) is recommended Larger sizes may be used if there are only a few illustration images. This image appears in an item row to illustrate the item. It can be added and linked to a product detail page using the Database Mentor. (optional) | |
any name product image |
any size limited by download time allowed A conservative rule of thumb is to allow 1 second for every 2Kb of image file size. This image appears on a pop up message form or on one of the product type or detail pages. It can be added message type using the Message Mentor. (optional) | |
NOTE: No images are required here, but imagery is always a good idea for selling products. |