The Layout Tab



This section deals specifically with the Layout Tab.



The layout tab is used to define the aesthetics of your store. You can define the colors and graphics used by the program when building your store. Right click within the schemes list for additional options.

Changing the style and color scheme
Select a style and color scheme and click the View button to see your project in the new style and color scheme. If you wish to use the selected style and color scheme, click the Apply button.

Editing the schemes
To create your own color scheme, select the style you wish to change. Click the New button to create a new color scheme.



Right click on the New Schema and select Rename from the popup menu to give your color scheme a name. Click the Edit button to edit the colors used by the style. You can change the images used by the style, and add new variables to the scheme. To change colors, click on the color sample box and select another color from the color palette.



Main Page

Item:Description:Value:
Background colorThe background color of the main product/category page. This field is substituted for the %BGCOLOR% variable. HTML color name or color code
Text colorThe color of text on the main product/category page. This field is substituted for the %TEXTCOLOR% variable.HTML color name or color code
Link ColorThe color of hypertext links on the main product/category page. This field is substituted for the %LINKCOLOR% variable.HTML color name or color code
Visited Link ColorThe color of visited hypertext links on the main product/category page. This field is substituted for the %VLINKCOLOR% variable.HTML color name or color code
Active Link ColorThe color of an active link on the main product/category page. This field is substituted for the %ALINKCOLOR% variable.HTML color name or color code
List ColorThe background color of the Store Navigation Tree. This field is substituted for the %MENUCOLOR% variable.HTML color name or color code
HeadingNavigation Tree Title HTML code, which will form a title at the top of the Store Navigation Tree. Click on the [>>] button to edit the field. This field is substituted for the %HEADING% variable. HTML code and text
Title ColorThe color of the page title. This field is substituted for the %TITLECOLOR% variable.HTML color name or color code
LogoThe logo to use on the main page. This field is substituted for the %LOGO% variable. An image size of 148x88 pixels works best. A GIF, JPEG, or PNG file.


Shopping Cart

Item:Description:Value:
Background colorThe background color of the shopping cart. The color sample box on the right shows the currently color. This field is substituted for the %S_BGCOLOR% variable. HTML color name or color code
Link ColorThe color of hypertext links on the shopping cart. This field is substituted for the %S_LINKCOLOR% variable.HTML color name or color code
Visited Link ColorThe color of visited hypertext links on the shopping cart. This field is substituted for the %S_VLINKCOLOR% variable.HTML color name or color code
Active Link ColorThe color of an active link on the shopping cart. This field is substituted for the %S_ALINKCOLOR% variable.HTML color name or color code
List ColorThe background color of items list on the shopping cart. This field is substituted for the %S_LISTCOLOR% variable.HTML color name or color code
Frame ColorThe color of the external border surrounding the shopping cart. This field is substituted for the %S_FRAMECOLOR% variable.HTML color name or color code
Text colorThe color of text on the shopping cart. This field is substituted for the %S_TEXTCOLOR% variable.HTML color name or color code
Cell colorThe color of cells on the shopping cart. This field is substituted for the %S_CELLCOLOR% variable.HTML color name or color code
Background ImageThe image to use as the background on the shopping cart. This field is substituted for the %S_BACKGROUND% variable.A GIF,JPEG or PNGv file
Heading colorThe color of the heading on the shopping cart. This field is substituted for the %S_HEADINGCOLOR% variable.HTML color name or color code
Border WidthThe width of the border on the shopping cart. This field is substituted for the %S_CELLBORDER% variable.The number of pixels. eg 1,2,3 etc.
Outside Border WidthThe width of the outside border on the shopping cart. This field is substituted for the %S_BORDER% variable.The number of pixels. eg 1,2,3 etc.
Inside Border WidthThe width of the inside border on the shopping cart. This field is substituted for the %S_BORDER2% variable.The number of pixels. eg 1,2,3 etc.


Order Form

Item:Description:Value:
Background colorThe background color of the order form. This field is substituted for the %O_BGCOLOR% variable. HTML color name or color code
Text colorThe text color of the order form. This field is substituted for the %O_TEXTCOLOR% variable. HTML color name or color code
Link ColorThe color of hypertext links on the order form. This field is substituted for the %O_LINKCOLOR% variable.HTML color name or color code
Visited Link ColorThe color of visited hypertext links on the order form. This field is substituted for the %O_VLINKCOLOR% variable.HTML color name or color code
Active Link ColorThe color of an active link on the order form. This field is substituted for the %O_ALINKCOLOR% variable.HTML color name or color code
Form ColorThe color of the form on the order form. This field is substituted for the %O_ALINKCOLOR% variable.HTML color name or color code
Heading Background Color The background color for headings in the order form. This field is substituted for the %O_HEADINGCOLOR% variable.HTML color name or color code
Heading Text Color The color of heading text in the order form. This field is substituted for the %O_HEADINGTEXTCOLOR% variable. HTML color name or color code


Bullets

Item:Description:Value:
Bullet - Category The location/URL of an image icon that will represent a category in the Store Navigation List. This field is substituted for the %BULLET_F% variable. A GIF, JPEG, or PNG file.
Bullet - ProductThe location/URL of an image icon that will represent a product in the Store Navigation Tree.This field is substituted for the %BULLET_G% variable.A GIF, JPEG, or PNG file.
Bullet - Current ItemThe location/URL of an image icon that will represent the currently opened category/product in the Store Navigation Tree. This field is substituted for the %BULLET_O% variable.A GIF, JPEG, or PNG file.
Bullet - BackThe location/URL of an image icon that will represent a link to a previous category in the Store Navigation Tree. This field is substituted for the %BULLET_A% variable.A GIF, JPEG, or PNG file.


Buttons

Item:Description:Value:
Button -Add The location/URL of a button/image, which when clicked, will add a product to the shopping cart. This field is substituted for the %BUTTON_ADD% variable. A GIF, JPEG, or PNG file.
Button -Back The location/URL of a button/image, which when clicked, will take the shopper to the previous product/category page. This field is substituted for %BUTTON_BACK% variable. A GIF, JPEG, or PNG file.
Button -Remove The location/URL of a button/image, which when clicked, will remove a product from the shopping cart. This field is substituted for %BUTTON_REMOVE% variable. A GIF, JPEG, or PNG file.


NOTE: You may not be able to edit these items on all of the templates available. Some items have been hard coded to achieve a high quality look and feel of some of the templates. You can change the templates themselves, but the quality of the template may be compromised.


Deleting a schemes
To delete a scheme, highlight the scheme by clicking on it and press delete. A confirmation window will be displayed.


Button:Description:
NewCreates a new scheme for the selected style
EditEdits the selected scheme
ViewViews the selected scheme in a browser window
ApplyApplies the select style and scheme to the current project