Shopping Cart Layout Info

Screen: ShopSite > Commerce Setup > Order System > Edit Shopping Cart Layout

Shopping Cart Page Colors

The colors you select here will affect the appearance of the specified parts of your store pages. The text box contains the HTML Hex value of the selected color, with the border around the text box displaying that color.To change the selected color, you can either enter or paste a selected HTML Hex value into the text box, or click on the Pick link beside the box to open the visual color selection tool.

The visual color selection tool includes a color wheel depicting a range of available colors, a box displaying the Hex value and color of the currently selected color, and another box displaying the Hex value and color of the color your mouse cursor is currently positioned over. After positioning the mouse cursor over the color you want, click the mouse button to set that as your selected color. Click the Apply button to use the selected color. Once you are finished with the color picker, click on Close to return to the back office.

Text Color

This sets the default display of nonlink text in your shopping cart to the color you choose. Be sure to choose a dark color (black is usually best) unless your background is dark, because you want to make sure your text is easy to read.

Background Color

The entire background of your cart will be displayed in the color you choose here, unless you select a background pattern (see below), in which case the pattern will appear instead of the color. Be sure to choose a light color for the background unless you have selected a very light color for your text.

Link Color

Unvisited links to other sites will appear in the color you select here.

Visited Link Color

After the link has been clicked on, and the page has been visited, the color of the link will change to the color you select here, to let people keep track of where they've been.

Active Link Color

The color selected here will only be visible at the exact moment they are clicking on the link. Use a bright color here to add pizzazz.

Table Shade Color

You can change the default gray table shading to another color.

Background Image

If you have uploaded an image of a textured background to your media directory, you can use that image as a background for your shopping cart. Be careful, though, as the image will tile, meaning that it will appear multiple times as a repeating pattern, so it's a good idea to use images that were designed specifically for backgrounds. Use the radio button to select the method for finding your image.

Shopping Cart Template

Select a template to define the layout of your shopping cart pages, including the confirmation and thank you pages. If you have applied a theme to your store, selecting a different template here may cause the shopping cart pages to not match the rest of your store.

Columns for Pull-down Menu

Select the number of columns to display for pull-down Product Options in the shopping cart. Select 0 to wrap order options at the edge of the screen.

Shopping Cart Page Colors The colors you select here will affect the appearance of the specified parts of your store pages. The text box contains the HTML Hex value of the selected color, with the border around the text box displaying that color.To change the selected color, you can either enter or paste a selected HTML Hex value into the text box, or click on the Pick link beside the box to open the visual color selection tool. The visual color selection tool includes a color wheel depicting a range of available colors, a box displaying the Hex value and color of the currently selected color, and another box displaying the Hex value and color of the color your mouse cursor is currently positioned over. After positioning the mouse cursor over the color you want, click the mouse button to set that as your selected color. Click the Apply button to use the selected color. Once you are finished with the color picker, click on Close to return to the back office.
Text Color	This sets the default display of nonlink text in your shopping cart to the color you choose. Be sure to choose a dark color (black is usually best) unless your background is dark, because you want to make sure your text is easy to read.
Background Color	The entire background of your cart will be displayed in the color you choose here, unless you select a background pattern (see below), in which case the pattern will appear instead of the color. Be sure to choose a light color for the background unless you have selected a very light color for your text.
Link Color	Unvisited links to other sites will appear in the color you select here.
Visited Link Color	After the link has been clicked on, and the page has been visited, the color of the link will change to the color you select here, to let people keep track of where they've been.
Active Link Color	The color selected here will only be visible at the exact moment they are clicking on the link. Use a bright color here to add pizzazz.
Table Shade Color	You can change the default gray table shading to another color.
Background Image	If you have uploaded an image of a textured background to your media directory, you can use that image as a background for your shopping cart. Be careful, though, as the image will tile, meaning that it will appear multiple times as a repeating pattern, so it's a good idea to use images that were designed specifically for backgrounds. Use the radio button to select the method for finding your image.
Shopping Cart Template
Shopping Cart Template	Select a template to define the layout of your shopping cart pages, including the confirmation and thank you pages. If you have applied a theme to your store, selecting a different template here may cause the shopping cart pages to not match the rest of your store.
Columns for Pull-down Menu	Select the number of columns to display for pull-down Product Options in the shopping cart. Select 0 to wrap order options at the edge of the screen.