By default, collection pages have a Collection banner with icon and a Product grid section.
Collection banner with icon section settings
This section displays a list of collections as subcollections or recommendation collections.
Setting | Description |
---|---|
Collection tree data | Pick a Shopify navigation to display subcollections based on it. When users view a collection, the theme will find child collections based on the picked Shopify navigation. |
Title background image | Pick an image to display as the background of the page heading. Leave empty to display the image in Theme settings > Page heading banner > Collection page > Banner image. |
Show number of products | Displays the number of products in a collection. |
Color scheme | A set of colors that you can apply to this section. Learn more about color schemes. |
Collection with icon block
Description | |
---|---|
Collection | Choose a collection. |
Icon | Choose an icon. |
Subcollection icon block
Use this block to insert an icon to subcollections that have been displayed based on the Collection tree data.
Setting | Description |
---|---|
Collection | Choose a collection. |
Icon | Choose an icon. |
Custom icon | Pick or upload an image to display as a custom icon. |
Product grid section settings
Setting | Description |
---|---|
Products per page | The number of products that you want to display on each page. Can be any multiple of 4, from 8 to 24. Defaults to 16. |
Number of columns on desktop | Use the range scale to select the number of columns that appear on desktop computers. Minimum is 1, maximum is 5. |
Pagination style |
There are 3 styles:
|
Enable filtering | Lets customers filter the products in the collection based on the filters in your Navigation settings. |
Desktop filter layout | Choose between a vertical(default), drawer, or horizontal layout. |
Include group name in active filters | Show the filter group name with the filter value in the applied filter block. |
Enable sorting | Allows customers to sort search results. |
Collections filter block | Choose a Shopify navigation to display it as subcategories in the filter block. |
Number of columns on tablet | Set a specific column layout for tablet devices. |
Number of columns on mobile | Set a specific column layout for mobile devices. Choose between 1 and 2 columns. |
Section padding | Add spacing to the top or bottom of the product grid. Use the range slider to add between 0px and 100px of space above or below the product grid. |
Category filter icon block
This block is used to insert an icon before the collection title in the Collections filter block.
Settings | Description |
Collection title | Enter the title of the collection you'd like to insert the icon. |
Icon | Pick an icon |
Custom icon | Upload your image to display it as a custom icon. Recommended size: 20x20. |
Product card settings
For product card settings, you can refer to this article for more details.
Comments
0 comments
Article is closed for comments.