Collection list page
Displays a list of collections in a customizable grid layout.
To customize the Collection list page, hit the drop-down in the top control panel and select 'Collections list'. Select the 'Collection list page' section in the side control panel.
Collection list page
Shared Settings:
Blocks:
Collections to show Choose which collections appear on the page:
All collections – Displays all collections from the admin.
Sort collections (for 'All collections' only) Controls the display order of collections.
Selected collections – Shows only the collections you choose manually.
Selected collections Choose the specific collections to display.
Collections from blocks – Uses collections added through individual blocks. Read the details here.
Card text
Placement Choose where the text appears:
Below image – Places text under the collection image.
On image – Overlays text on top of the image.
Alignment Controls text alignment:
Left – Aligns text to the left.
Center – Centers the text.
Heading size Adjusts the size of the collection title (15-20 px).
Card image
Aspect ratio Set the image style:
Adapt to image – Keeps each image’s original proportions.
Squared – Displays images in a 1:1 ratio.
Portrait – Taller images (3:4 ratio).
Landscape – Wider images (4:3 ratio).
Card attributes
Visible on hover over the collection card:
Show product quantity Displays the number of products in each collection.
Show 'View all' button Adds a button linking to the full collection page.
Card colors
Text Controls the text color on collection cards.
Link Sets the color of the 'View all' button.
Hover card colors
Change colors on hover Applies different colors when hovering over collection cards.
Hover background Sets the background color on hover.
Text Changes the text color on hover.
Last updated