Customizing Your Product Gallery

Tutorial

Two elements make up the Online Store: the Product Gallery and the Shopping Cart. In addition, you can add a View Cart button to the pages of your site so that your buyers can see the total price of their items or the number of items in their cart. You can customize each element separately as well as the pieces that make up each element (i.e. click on an image in the product gallery to customize the images or click on the text to customize the text) and create a look and feel for your store that caters to your specific needs.

Customizing Your Product Gallery Settings

To update your product gallery settings:

1. Click a product gallery.
2. From the pop-up, click Settings.

3. Under Choose Layout, click a layout option to select it.
4. Customize the Alignment, Rows, Columns, Margins, Image mode and Ribbon style of your Product Gallery.
5. Click Style Product Page to customize the product page.

Each product gallery layout has a different set of customization options.

Customizing Your Product Gallery Style

To customize your product gallery style:

1. Click a product gallery.
2. From the pop-up, click Gallery Style.

3. Under Change Skin, click a skin.
4. Under the Change Skin section, customize the skin. Click OK.

Customizing Your Product Image Style

To customize your product image style:

1. Click an image in the product gallery.
2. From the pop-up, click Image Style.

3. From Change Style, click a style.
4. Click Edit Style to customize the style.
5. From Advanced Style, under Change Skin, click a skin.
6. Under the Change Skin section, customize the skin. Click OK.

If your image is larger than the icon in your product gallery and your visitors hover over the image, a magnifying glass icon will appear which will allow them to click on the image and zoom in.

Customizing Your Product Gallery Text Style

To customize your product gallery text style:

1. Click a textual element in the product gallery.
2. From the pop-up, click Customize Fonts.
3. Click a font style.

Click Customize next to the font style for further customization options.