Collections

What this section does

Display hand-picked product collections

Where it goes

• Can be used as many times as you like on one page.
• This section is in every plan — no extra plugin needed.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

• Grid

  Freegrid

  Collection grid layout

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns

• Carousel

  Freecarousel

  Horizontally scrollable collections

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Masonry

  Page Editormasonry

  Pinterest-style masonry layout

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• List

  Page Editorlist

  Detailed vertical list

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Flow

  Page Editorflow

  Large horizontally scrolling cards with featured images

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Organic Grid

  Page Editororganic

  Asymmetric 3-column organic grid with varying card sizes

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns, accentColor

• Leaf Collage

  Page Editorleaf-collage

  Category tiles clipped by cycling organic shapes

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns, accentColor, clipShape

• Glass

  Page Editorglass

  Glassmorphism cards with blurred background effect

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns, accentColor

• Spotlight

  Page Editorspotlight

  Large featured collection alongside supporting cards

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Bento

  Page Editorbento

  Bento box layout with mixed-size cells

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, accentColor

• Magazine

  Page Editormagazine

  Editorial layout with hero, numbered sidebar and bottom grid

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Neon

  Page Editorneon

  Dark cards with neon glowing borders

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns, accentColor

• Polaroid

  Page Editorpolaroid

  Scattered tilted polaroid photo cards

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Minimal Circles

  Page Editorminimal-circles

  Circular cropped images with label underneath

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, accentColor

• Ribbon

  Page Editorribbon

  Full-width alternating image-text bands

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, accentColor

• Mosaic

  Page Editormosaic

  Mixed-size dark-colored block tiles

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Editorial Grid

  Page Editoreditorial-grid

  Asymmetric editorial grid with one large hero collection and smaller supporting tiles

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, columns, accentColor

• Collections

  Page Editorcollections

  Square image cards with dark overlay — collection name and product count overlaid at the bottom

  Specific to this style: selectionMode, selectedVirtualCategoryIds, columns, accentColor

• Portrait Strip

  Page Editorportrait

  Tall portrait cards arranged side-by-side in a single row — inspired by fashion lookbooks

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, displayCount, imageFilter, cardHeight, showOverlay, overlayOpacity, cardBg, cardTitleColor

• Featured Split

  Page Editorfeatured-split

  First category a large feature block, rest in a grid

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns, accentColor

• Uniform Tiles

  Page Editoruniform-tiles

  Equal square tiles in a responsive grid

  Specific to this style: title, subtitle, buttons, selectionMode, selectedVirtualCategoryIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns, accentColor

Settings

The fields you see in the Section Settings panel on the right when this section is selected.

Shared by every style

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height