Skip to main content

Product Pages Content Blocks

  • Updated

Versions 1.0.0-1.7.3

How to find these settings...

  1. Online Store
  2. Customize (Theme Editor)
  3. Visit a product page
  4. If not visible or opened, click the black arrow next to 'Product pages'
  5. Edit existing or click '+ Add block'

Recommended reading

In this section...

 

Tag Filters

Each Content Block 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

 

Icon

avenue-theme-product-blocks-icons.png

Icon blocks add trust icons or required text & links to your product page. Location depends on your Product Page layout:

  • Banner Layout: Above the description, page or text tabs. If there is no description or content block tabs, the icons will display above the image
  • Default Layout: Below the 'Add to Cart' buttons

 

Icon

Select an icon to be used from the preset list

 

Custom icon

An alternative to using a pre-set icon is the image picker

 

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 color assigned to the Buttons

 

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

 

Tag filter

Assign to a product via an existing product tag

 

Tooltip

avenue-theme-product-blocks-tooltips.png

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

 

Page, Text, & HTML

avenue-theme-product-blocks.png

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 Pages Unique Tabs.

 

Page block

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>

 

Text block

Use a text block for basic formatting including bold, italic & linked text

 

HTML block

HTML for Review apps or similar can be added.  You can also use the example above to add Size Charts

 

Related articles