How to find these settings...
- Online Store
- Customize (Theme Editor)
- Top, middle dropdown
- Collections
- Pick a collection template
- Left column, access content blocks using black arrow next 'Collection pages'
Content blocks add extra features to the left sidebar and above the products in the collection page
Recommended reading
In this section...
Filters
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.
Enable rounded swatches
Swatches can be sharp edged squares or rectangles, or rounded circles or ovals
Hide disabled tag filters
When checked, disabled tag filters will be removed from the list. Learn more about changing the order of collection page tag filters by reading Changing the Order of Filters. NOTE: this only affect tag filters, Storefront Filter options are set in the Search & Discovery app
Filter the list of tag groups
By default, the tag filters will be listed alphabetically by the 'Group' text preceding the '_' from the product tag, ie Size_XL. 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 |
Sub collections
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
Promotions
Add promotional content to the top of the product list
Heading
Title of the section or page, either default or custom
Heading size
Set the heading size with the slider. 12px is the minimum, and it steps up by 6 to a maximum of 48px
Subheading
Secondary title of the section or feature
Subheading size
Set the subheading size with the slider. 12px is the minimum, and it steps up by 6 to a maximum of 48px
Text
A text block for basic formatting including bold, italic & linked text
Link
Include a button with a link
Button
Customize the text for the button
Outline button
Invert the button to use a frame with no background
Text color
Choose a custom color for the text
Text hover color
Choose a custom color for links when hovered over
Button text color
Choose a custom color for the default button text and the outlined button hover text
Alignment
Text can be aligned & justified to the left, right or centered to the container
Vertical position
After setting the content width, content can be aligned to the top, bottom or middle
Image
Select an image to be used. The recommended max width is 880px if there is a left column or 1180px if not
Height
The overall height of the banner in relation to the height of the screen. 0-5% is the minimum, and it steps up by 5 to a maximum of 100%
Overlay color
A color may be applied to background images to help the text clarity
Overlay gradient
A gradient may be applied to background images to help the text clarity
Overlay 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%
Vendors
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