Catalog

What this section does

Display the unified catalog of categories

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

  Catalog items in a grid layout

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

• Carousel

  Freecarousel

  Horizontal scrolling carousel

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

• Masonry

  Page Editormasonry

  Pinterest-style masonry layout

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

• List

  Page Editorlist

  Vertical list layout

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

• Flow

  Page Editorflow

  Large horizontal flowing cards with featured imagery

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

• Organic Grid

  Page Editororganic

  Asymmetric columns with varied card sizes

  Specific to this style: title, subtitle, emptyTitle, emptyDescription, buttons, selectionMode, selectedCatalogItemIds, 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, emptyTitle, emptyDescription, buttons, selectionMode, selectedCatalogItemIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns, accentColor, clipShape

• Glass

  Page Editorglass

  Glassmorphism cards with blur backdrop effect

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

• Spotlight

  Page Editorspotlight

  One large featured item with supporting smaller cards

  Specific to this style: title, subtitle, emptyTitle, emptyDescription, buttons, selectionMode, selectedCatalogItemIds, 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, emptyTitle, emptyDescription, buttons, selectionMode, selectedCatalogItemIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, accentColor

• Magazine

  Page Editormagazine

  Editorial layout with hero, numbered sidebar, and lower grid

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

• Neon

  Page Editorneon

  Dark cards with neon glow borders

  Specific to this style: title, subtitle, emptyTitle, emptyDescription, buttons, selectionMode, selectedCatalogItemIds, 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, emptyTitle, emptyDescription, buttons, selectionMode, selectedCatalogItemIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Minimal Circles

  Page Editorminimal-circles

  Circular cropped images in a row with labels below

  Specific to this style: title, subtitle, emptyTitle, emptyDescription, buttons, selectionMode, selectedCatalogItemIds, 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, emptyTitle, emptyDescription, buttons, selectionMode, selectedCatalogItemIds, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, accentColor

• Mosaic

  Page Editormosaic

  Dark color-blocked mixed-size tiles

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

• Editorial Grid

  Page Editoreditorial-grid

  Clean image-first grid with subtitle above title

  Specific to this style: title, subtitle, emptyTitle, emptyDescription, buttons, selectionMode, selectedCatalogItemIds, columns, accentColor

• Collections

  Page Editorcollections

  Minimal image-overlay grid — name and product count overlaid on the image

  Specific to this style: emptyTitle, emptyDescription, selectionMode, selectedCatalogItemIds, displayCount, showProductCount, 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, emptyTitle, emptyDescription, buttons, selectionMode, selectedCatalogItemIds, displayCount, imageFilter, cardHeight, showOverlay, overlayOpacity, cardBg, cardTitleColor

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