Featured collection section
The Featured collection section shows products from one collection in Highlight's asymmetrical layout or a regular grid, with a promotional block.
Applies to: Highlight 4.1.0 and later. Added in: Highlight 1.0.0. Last checked: 2026-10-13 against Highlight 4.1.0.
The Featured collection section shows products from one collection, either in Highlight's asymmetrical layout or in a regular grid, with an optional promotional block between the products. Use it on the home page to make a collection stand out.
Where to find it: Online Store → Themes → Customize → Add section → Featured collection (Products category).
Heading and collection
- Caption shows a short line above the heading. Default: "Collection".
- Heading shows the section title in a large size. Default: "Featured Collection".
- Collection picks the collection. The products show in the collection's sort order.
- Show link to collection page adds an "Explore all" link: next to the heading on desktop, under the products on tablets and phones.
- Maximum number of products shown limits the products, 1 to 96. Default: 12.
Layout
Layout sets how the product cards are arranged:
- Asymmetrical gives the cards different widths and positions, in a pattern of 11 cards that repeats. Some cards move at a different speed while the page scrolls (parallax), which makes single products stand out. On phones the cards keep a staggered two-column layout.
- Regular grid shows evenly sized cards in 3 columns on desktop and 2 columns on tablets and phones. It suits longer collections.
The cards themselves (media ratio, hover image, swatches, quick buy, badges) are set once for the whole store in Product card theme settings. Unique product badges show in this section.
Promotional block
The promotional block is a text card between the products, with your own paragraph and an optional button. It is not a product.
- Show promotional block turns it on.
- Content is the paragraph, shown in a large size. It supports bold, italic and links.
- Button label and Button link add a link button under the paragraph. The button shows only when both are filled.
Setting up the promotional block
Pick the collection
Select the Featured collection section and choose a collection with at least 5 products in Collection.
Turn on the block
Under Promotional block, turn on Show promotional block.
Write the text
Type a short paragraph in Content, for example what makes the collection special.
Add the button
Fill in Button label and Button link, for example "Shop the collection" and the collection's link. Leave both empty for text only.
Check the position
Preview the page. With Asymmetrical the block follows the 4th product; with Regular grid it follows the 5th product (the 4th on phones).
Where does the promotional block appear?
After the 4th product with the Asymmetrical layout, and after the 5th product with the Regular grid (after the 4th on phones). The section must show enough products: with fewer than 5 products (Asymmetrical) or 4 products (Regular grid), the block does not show. Raise Maximum number of products shown or add products to the collection.
Which layout should I use?
Use Asymmetrical for a short selection you want to show off, and Regular grid for a longer collection or a second Featured collection on the same page, so the page does not repeat one pattern. The Asymmetrical layout looks best with product images of different shapes: set Theme settings → Product card → Media aspect ratio to Natural.
All Featured collection settings
Every setting, with its type and default.
Heading (text field, default: "Featured Collection").
Caption (text field, default: "Collection"): Sets the short line shown above the heading.
Collection (collection picker): Sets the collection whose products the section shows, in the collection's sort order.
Show link to collection page (checkbox, default: on): Shows an Explore all link to the collection page: next to the heading on desktop, under the products on tablets and phones.
Layout (dropdown, default: Asymmetrical): Sets the arrangement: Asymmetrical gives cards different widths and positions with parallax, in a pattern of 11; Regular grid shows 3 even columns on desktop and 2 on tablets and phones. Options: Asymmetrical, Regular grid.
Maximum number of products shown (slider 1 to 96, default: 12): Limits how many products of the collection show.
Featured collection section: Promotional block
Where to find it: Featured collection → Promotional block
Show promotional block (checkbox, default: off): Shows a text card with your paragraph and button between the products: after the 4th product with Asymmetrical, after the 5th with Regular grid (the 4th on phones). It needs at least 5 products (Asymmetrical) or 4 (Regular grid)
Content (formatted text, default: "Write a short, captivating paragraph about your products."): Sets the paragraph of the promotional block, shown in a large size.
Button label (text field): Sets the text of the promotional block's button. The button shows only when Button link is also set.
Button link (link): Sets where the promotional block's button goes. The button shows only when Button label is also set.
Featured collection section: SEO
Where to find it: Featured collection → SEO
Heading tag (dropdown, default: H2): Specify heading level to help search engines index the structure of your page. Options: H1, H2, H3, H4, span.
Related pages
- Collection page: the same two layouts and promotional block on collection pages.
- Product card theme settings: how the product cards look.
- Products slider section: products from a collection in a draggable slider.
- Highlight's unique features: the asymmetrical layout and unique product badges.