Skip to main content

Collection Pages Content Blocks

  • Updated

How to find these settings...

  1. Online Store
  2. Customize (Theme Editor)
  3. Top, middle dropdown
  4. Collections
  5. Pick a collection template
  6. Left column, access content blocks using black arrow next 'Collection pages'

Content blocks add extra features to the left sidebar of the collection page

 

Recommended reading

 

Filters block

Displays the available filters of the collection products. If the list is longer than 5 filters, '+ More' will hide the remaining.  Clicking this link will reveal the hidden items

Product filters allow your users to narrow down a large collection of products to find the exact items they are looking for.

  • Filter list: By default, the filters will be listed alphabetically by the 'Group' text preceding the '_' from the product tag, ie Brand,Category,Size.  Add the case sensitive filter 'Group' text separated by a comma, ie: Size,Category,Brand.  This will also exclude other 'Groups' from being displayed if those tags are available, ie 'Color_Red'
Variant Title Variant Tag Add
Color Red Color_Red Color
Colour Red Colour_Red Colour
Fun Color Red Fun Color_Red Fun Color
  • Hide disabled filters: When checked, disabled filters will be removed from the list

Learn more about changing the order of collection page filters by reading Changing the Order of Filters.

 

Sub collections block

Displays the sub collections of the collection.  Unlike other e-commerce content management systems, Shopify does not have a method of creating sub-collections. Avenue achieves this by using Navigation menus to relate collections. If the list is longer than 5 menu items, '+ More' will hide the remaining.  Clicking this link will reveal the hidden items

  • Use dropdown:  By default, this is displayed as a list of links, but the 'Use dropdown' checkbox will convert the list to a dropdown. 
  • Label: A 'Label' can be added to the list or dropdown
  • Location: The 'Label' will display above the list by default.  If the 'Use dropdown' is checked, the 'Label' can be displayed above or within the dropdown

 

Promo block

Add promotional content to the top of the product list

  • Image: Select an image to be used.  The recommended max width is 960px
  • Heading: Title of the promotion
  • Subheading: Secondary title of the promotion
  • Text: A text block for basic formatting including bold, italic & linked text
  • Alignment: Text can be aligned to the left, right or centered to the container
  • Vertical Position: Promos can be aligned to the top, bottom or middle
  • Image position: Set the focus of the image to ensure consistency regardless of the height setting, content height or screen width
  • White text: When an image is chosen, you can uncheck this setting if you want the overlaid text to be the default color.
  • Overlay: A color may used as the background or be applied to background images to help the text clarity
  • Opacity: When an 'Overlay' color has been selected, control the opacity with the slider.  0% is the minimum, and it steps up by 5 to a maximum of 100%
  • Height: The overall height of the section in relation to the height of the screen. 5% is the minimum, and it steps up by 5 to a maximum of 100%

 

Vendors block

Displays the vendors of the collection products. If the list is longer than 5 vendors, '+ More' will hide the remaining.  Clicking this link will reveal the hidden items

  • Use dropdown:  By default, this is displayed as a list of links, but the 'Use dropdown' checkbox will convert the list to a dropdown. 
  • Label: A 'Label' can be added to the list or dropdown
  • Location: The 'Label' will display above the list by default.  If the 'Use dropdown' is checked, the 'Label' can be displayed above or within the dropdown