In this Guide: Designing Your Storefront v4.2
Summary
The Layout Menu is one of the primary locations for the customization of your storefront's appearance. You can edit fonts, background colors, left and right dynamic navigational displays, web page sizing and much, much more.
All of this is done with point and click functionality - no graphic design or HTML required! Changes are applied immediately, allowing you to review your changes in real time.
Button Theme
Use the Button Theme Editor to set which button theme you wish to use throughout your site. Simply select your button theme from the drop down menu menu provided. To view all of your button theme options, click View All Button Themes.
To create your own button theme, create images for each of the buttons throughout your site. As you save each one, be sure you give it the same name as the default button (see below). Once you have completed this, upload the new button themes via your File Manager to a new folder within the Button_Themes directory.
- Open File Manager from the Top Menu in your Admin Panel.
- Select Manage Theme Images from the left hand menu.
- Type a name for your directory next to the Add Folder text field.
- Click on the folder icon for your new theme directory.
- Upload your new images into this area via the Upload controls.
Once you have uploaded your custom buttons, they will appear within the Site Layout >> Button Theme Editor and you can choose your button themes from the drop down menu list.
Button Theme Naming and Sizing Schemes
Buy: 39 x 25
- Buy.gif
View: 39 x 25
- View.gif
Left Side Navigation: 180x25
- Checkoutnow_l.gif
- Header-browse-cat_l.gif
- Header-browse-mfg_l.gif
- Header-cart_l.gif
- Header-email_l.gif
- Header-links_l.gif
- Header-price_l.gif
- Header-search_l.gif
Right Side Navigation: 140x25
- Checkoutnow.gif
- Header-browse-cat.gif
- Header-browse-mfg.gif
- Header-cart.gif
- Header-email.gif
- Header-links.gif
- Header-price.gif
- Header-search.gif
Logo Editor
The Logo Editor will allow you to set the primary logo that goes at the top middle of every page on your store. Use the “Browse” button to select the logo graphic, and then click “Save” for the changes to take affect.
Link Editor
This area allows you to edit or add links your visitors can click on to both internal and external web pages. To add a new link, type in both the URL and the name that you wish the customer to see in your links list. Click “Add” to add a new a new link, or edit a current Link and click Save to make changes take effect.
Link Group Editor
This area allows you to edit or add groups of links your visitors can click on to both internal and external web pages. To add a new group , type in the name that you wish to call the group of links and click to upload a "header" image for that group, or type in "header" text. Click “Add” to add a new a new link, or edit a current Link and click Save to make changes take effect. To add a new link, type in both the URL and the name that you wish the customer to see in your links list. Click “Add” to add a new a new link, or edit a current Link and click Save to make changes take effect.
Left Column Display Options
Use the Left Display Options editor to control what navigation modules appear on the left hand side of your storefront. You can turn each module on and off, and order them in any way you like. To do so, drop down menu each selection box, and choose the modules you want, in the order you want them. When you are done, click “Save”. You may also add custom HTML in place of or in combination with these dynamically generated navigation elements.
Right Column Display Options
Use the Right Column Display Options editor to control what navigation modules appear on the right hand side of your storefront. You can turn each module on and off, and order them in any way you like. To do so, drop down menu each selection box, and choose the modules you want, in the order you want them. When you are done, click “Save”. You may also add custom HTML in place of or in combination with these dynamically generated navigation elements.
Top of Page Ad Editor
The Top of Page Ad Editor will allow you to set the top left and top right advertisements that go at the top of every page on your store. The first ad you indicate will be the left ad. The second ad you indicate will be the right ad.
Use the Browse button to select the graphic. Insert a URL where the ad should go if it is clicked on (put “#” as the URL if you do not want the graphic to link anywhere) and then click Save for the changes to take affect.
Hint: You can copy and paste any URL from the web or storefront, and paste it as a link.
Note: If you place your cart at the top of your page (Site Information Menu), then you cannot insert a Top Right Ad.
Right Column Ad Editor
The Right Column Ad Editor will allow you to set advertisements that will display on the right column of every page on your store. They will display based on the sort order that you give each ad.
Use the Browse button to select the graphic. Insert a URL where the ad should go if it is clicked on (put “#” as the URL if you do not want the graphic to link anywhere) and then click Save for the changes to take affect.
Hint: You will need to go to the Right Column Display Options and define where you would like the ads to display within the right column. If you do not set this, your ads will not display.