Confirm Your Layout
- Banner: The desktop product title is above the featured product image
- Default: The desktop product title is to the right of the featured product image. Learn More
How to find these settings...
- Online Store
- Customize (Theme Editor)
- Top, middle dropdown
- Products
- banner
- Left column, access content blocks using black arrow next 'Product pages'
Recommended reading
In this section...
- Tag Filters
- ShopPay installments
- Tooltip
- Free shipping messaging
- Store pickup
- Button
- Text
- Custom Liquid
- Image
- Icons
- Divider
- Text tabs
- Page tabs
- HTML tabs
Tag Filters
Some Content Blocks can be 'assigned' to a specific product or products using tags. Example: If you want to display a Size Chart specifically for Female Tank Tops, you could tag each product 'Female Tank Top' and add 'Female Tank Top' to the filter input
ShopPay installments
Shop Pay offers customers the option to pay in full at checkout, or to split their purchase into 4 equal, interest-free installment payments for orders between 50 USD and 1000 USD. Learn More
Show divider
Add padding and a dividing line below the element
Tooltip
Tooltips add an icon next to the variant title to allow users to display more information about the variant in a pop up.
Variant title
Assign to a variant by its title, ie Size or Color
Text or HTML
Add simple text or formatted HTML to provide extra information for the variant
Tag filter
Assign to a product via an existing product tag
Free shipping messaging
The free shipping message is set up in Theme Settings > General
Show divider
Add padding and a dividing line below the element
Store pickup
Displays option for customers to pick up their online orders at your retail store, curbside, or any location that you choose. Learn more
Button
Text
Customize the text for the button
Outline button
Invert the button to use a frame with no background
Link
Add a link to the button
Show divider
Add padding and a dividing line below the element
Text
Text
A text block for metafields and basic text formatting including bold, italic & linked text
Show divider
Add padding and a dividing line below the element
Tag filter
Assign to a product via an existing product tag
Slide
- Enable slide: Condense the content down to a clickable slide
- Heading: Provide a title to the closed slide. This will default to 'Add a heading'
Custom Liquid
Liquid
Add app snippets or other Liquid code to create advanced customizations.
The block will come preloaded with Liquid that will display ALL available variant metafields. Variant metafields are added in the admin, and can be displayed using Liquid. Learn more
Enable reload on variant change
Enable this option to allow the block content to update when a new variant is selected. This will ensure the metafield data is displayed for each variant.
Show divider
Add padding and a dividing line below the element
Tag filter
Assign to a product via an existing product tag
Slide
- Enable slide: Condense the content down to a clickable slide
- Heading: Provide a title to the closed slide. This will default to 'Add a heading'
Image
Image
Select an image to be used in your product options. A max width of 560px is recommended
Show divider
Add padding and a dividing line below the element
Tag filter
Assign to a product via an existing product tag
Icons
Icon blocks add trust icons or required text & links to your product page. Add up to 3 per block. You can view the icons on the 'What Icons are Included?' FAQ page
Tag filter
Assign to a product via an existing product tag
Show divider
Add padding and a dividing line below the element
Icons #1-3
Select an icon to be used from the preset list
Custom icon
An alternative to using a pre-set icon is the image picker. It is suggested to use an SVG or PNG file format
Icon color
Preferred color of the icon. Defaults to the color assigned to the Headers
Icon highlight color
Some icons have elements that can be assigned a different color. Defaults to the Accent color
Text
A text block for basic formatting including bold, italic & linked text
Enable pop up window
Allow Page content to be displayed in a pop up window. This could be useful for size charts, contact information or Policy pages. If selected, any links added to the Text block above will be ignored
Pop up information
Select a Page to display within the pop up
Divider
Add padding and a dividing line
Text tabs
Common tabs like return or contact information can be added to ALL products, but if your products need to display unique information per product, read about the Product Page Unique Tabs.
Title
Add a title for the tab
Text
A text block for metafields and basic text formatting including bold, italic & linked text
Tag filter
Assign to a product via an existing product tag
Page tabs
Common tabs like return or contact information can be added to ALL products, but if your products need to display unique information per product, read about the Product Page Unique Tabs.
Display the formatted text from a set page. For the demo stores, the following HTML was added to a page:
Details
<div class="row">
<h4>Get it by tomorrow</h4>
<p>Expedited shipping is available! Check for the options during checkout.</p>
<h5>Questions?</h5>
<p>Contact us and we will respond within minutes to provide you the answer</p>
<div><a href="/pages/contact" title="Contact" class="btn outline">Contact us</a></div>
</div>
<p><small><a href="/pages/contact" title="Contact">Help us improve this page</a></small></p>
</div>Size Chart
<table>
<tbody>
<tr>
<th>Size</th>
<th>Chest</th>
<th>Waist</th>
</tr>
<tr>
<td>XL</td>
<td>46/48</td>
<td>40/42</td>
</tr>
<tr>
<td>L</td>
<td>42/44</td>
<td>36/38</td>
</tr>
<tr>
<td>M</td>
<td>38/40</td>
<td>32/34</td>
</tr>
<tr>
<td>S</td>
<td>34/36</td>
<td>28/30</td>
</tr>
</tbody>
</table>
Title
Add a title for the tab
Page
Select a page to display the content
Tag filter
Assign to a product via an existing product tag
HTML tabs
Common tabs like return or contact information can be added to ALL products, but if your products need to display unique information per product, read about the Product Page Unique Tabs.
HTML for Review apps or similar can be added. You can also use the example above to add Size Charts
Title
Add a title for the tab
Custom HTML
HTML for Review apps or similar can be added. You can also use the example above to add Size Charts
Tag filter
Assign to a product via an existing product tag
* NOTE: May not be available on all sections, blocks or templates