Icon - Product pages
Product pages include a number of setup options that allow you to shape and control the behavior and appearance of content.
Product section settings:
Product section settings are divided into groups for easier viewing.
Media
-
Enable click to enlarge
Adds a modal window with zoom in -
Gallery size
Control how much horizontal space the image / media gallery will occupy on the page
-
Gallery type
Choose between a traditional slideshow with thumbnails or large stacked images to scroll down. -
Slideshow thumbnail position
If using the Slideshow option set the thumbnails to the left, right or below the main image. -
Thumbnail images to show
Choose how many thumbnail images are visible at one time. -
Slider control style
Choose between arrows or dots to navigate between slides. -
Enable video looping
When video is used on a product toggle it's ability to loop or play once.
Form options
-
Background color
Set the background color of the product form area. -
Show social share icons
Show icons that allow customers to share your content to their social feeds.
Content options
-
Product description position
Choose to show the product description on the right of the page or lower down in a wider display area -
Lower description size
If showing the description lower down, set the available width for this content -
Background color
Set a background color for the lower description if used.
Product page blocks
Product pages also contains blocks which allow you to control additional content and the order in which it appears on the page.
-
Product header
Includes the product title, vendor and price details. -
Product form
Includes product variants, quantity selectors, add to cart buttons and pickup availability. -
Product description
The product description content.
Note that when tabs have been added moving this block will not adjust its position in relation to other content. -
Text popup.
Show popup content in a modal window - great for a Size chart or delivery and returns info -
Shortcode popup
Show unique content in a popup modal window for each product.
Set a label ( visible to the customer ) and a shortcode name.
The short code name is used in your product description which when wrapped around content will pull it from your description and add it to the modal instead.
In a product description simply set up your formatting as:
[#my_label] Content to show in the modal [/my_label]
-
Tab content
Adds additional text content to your product page in a tabbed layout. When a tab is added your product description will automatically show as the first tab content.
Tip: Open Theme settings > Product pages to view more product display options which include showing swatches or dropdowns for variants, displaying the SKU, quantity and dynamic checkout buttons.
Note that these theme settings are shared with any Featured product sections that you choose to display in your store.