Collection pills

The Collection pills section shows collections as a row of clickable pills. On desktop, hovering a pill can show the collection image.

Add the section from the section picker. The preset starts with six collection blocks. The section accepts up to 12.

Setting	Description
Section width	3 options for container • Fixed width (default) • Stretch width • Full width
Color scheme	Select colors from Theme settings -> Colors.
Subheading	Small text above the heading.
Heading	Title of the section. Default: "Heading". The drawn underline is on by default, with the same styles and default color as the grid banner.
Description	Text below the heading.
Heading size	3 options for the heading size • Large • Medium (default) • Small
Content alignment	3 options for the content alignment • Left • Center (default) • Right
Pill style	2 options for the pill style • Primary • Outline (default)
Show product count	Show the number of products in each collection. Default: off.
Show image on hover	Show the collection image when the shopper hovers a pill. The hover image does not show on mobile. Default: on.
Hover image ratio	4 options for the hover image • Adapt to image • Square • Portrait (default) • Landscape
Horizontal scroll	On mobile, the pills scroll sideways. Default: off.
Show divider	Toggles the visibility of a horizontal divider line within the section. Default: off.

Setting	Description
Top	Customize the top margin of the section, from 0 to 100 px. Default: 48 px.
Bottom	Customize the bottom margin of the section, from 0 to 100 px. Default: 48 px.

Setting	Description
Collection	The collection the pill links to. A pill without a collection has no link.
Collection title	Text on the pill. Leave it empty to use the collection's title.
Collection image	Image shown on hover. If you leave it empty, the collection's own image is used.

Looking for Help?
Get support from our team

If you can't find the answer you're looking for, our support team is here to help.