Styling the Product Page

Tutorial

You can change the style of your product page by clicking the product gallery and then clicking Style Product Page.

To design the product page:

1. Click the product gallery to select it.
2. From the pop-up that opens, click Style Product Page.

3. From the Product Page that opens, click an element on the product page.

Each element that you click will have different customization options. To learn how to add product options, click here

Clicking the image of your product or your sales ribbon will open a Change Style window. Clicking text will open a Customize Fonts window and clicking the Add to Cart button will open an Advanced Styles window.

4. From the customization window that opens, update your style options.

From the top of Customize Fonts, you can check the box next to Override text style color to choose a color for your text that is separate from the colors of the text on the rest of your site.

From Style Product Page, click the left or right arrows to scroll through your products. Changes that you make to elements within your product page will affect all of the product pages throughout all of the product galleries in your site, however, some elements may only be visible in certain product pages. For example, if you have added a Ribbon to only one of your products, you will have to scroll to that product's page to customize the Ribbon.

5. From Style Product Page, change your Image mode, add social icons and change the spacing and position of the different product page elements.

6. From the top right of Style Product Page, click the X to exit the Product Page settings and go back to your normal Editor.

Changes that you make to one product gallery will affect all of the product galleries on your site.

From Style Product Page, click the left or right arrows to scroll through your products. Changes that you make to elements within your product page will affect all of the product pages throughout all of the product galleries in your site, however, some elements may only be visible in certain product pages. For example, if you have added a Ribbon to only one of your products, you will have to scroll to that product's page to customize the Ribbon.