Products Listing

Ce que fait cette section

Full product listing with search, filters, sort and grid

Où elle se place

• Utilisable au maximum 1 fois sur une page.
• Cette section est incluse dans toutes les formules — aucun plugin requis.

Styles

Différentes apparences pour la même section. Vous pouvez changer de style plus tard ; votre contenu est conservé.

Les 2 premiers styles de chaque section sont ouverts sur toutes les boutiques. Les suivants se débloquent avec le plugin Éditeur de pages, tous en même temps.

• Sidebar Filters

  Gratuitsidebar

  Sticky left sidebar with filters; search & sort at top; product grid on right

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle, sidebarPosition

• Top Filters

  Gratuittop-filters

  Collapsible filter panel above the product grid

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, searchWidth, searchAlignment, showSort, sortStyle, showResultCount, showFilters, filterStyle, filterTagStyle, filterChipBgColor, filterChipTextColor, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Minimal

  Éditeur de pagesminimal

  Clean layout with search and sort only — no filter panel

  Propres à ce style: dataSource, showVariantSwatches, showSearch, showSort, showResultCount, showFilters, filterStyle, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Centered Search

  Éditeur de pagescentered-search

  A large centered search field as a hero, grid beneath

  Propres à ce style: dataSource, showVariantSwatches, showSearch, showSort, showResultCount, showFilters, filterStyle, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Filter Drawer

  Éditeur de pagesdrawer

  Floating filter button opens a full-height side drawer

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, filterTagStyle, filterChipBgColor, filterChipTextColor, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• List View

  Éditeur de pageslist-view

  Horizontal list cards — image on the left, details on the right

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, showAddToCart, showRating, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Masonry

  Éditeur de pagesmasonry

  Pinterest-style staggered grid that adapts card heights

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, filterTagStyle, filterChipBgColor, filterChipTextColor, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, showAddToCart, showRating, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Spotlight

  Éditeur de pagesspotlight

  Dark cinematic stage — products glow as spotlights of light against the background

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, filterTagStyle, filterChipBgColor, filterChipTextColor, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Editorial

  Éditeur de pageseditorial

  Magazine layout — first two products featured large, the rest in a tight compact grid

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, filterTagStyle, filterChipBgColor, filterChipTextColor, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, showAddToCart, showRating, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Compact

  Éditeur de pagescompact

  Ultra-dense grid with a single-line minimal toolbar — maximum products per screen

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Magazine Split

  Éditeur de pagesmagazine-split

  Left editorial category nav with right product grid — structured editorial feel

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Floating Grid

  Éditeur de pagesfloating-grid

  Airy floating cards with generous spacing and a ghost-style minimal control bar

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, filterTagStyle, filterChipBgColor, filterChipTextColor, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Luxury

  Éditeur de pagesluxury

  SSENSE / Mytheresa inspired — full-bleed portrait cards, sort pills, category chips

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, searchWidth, searchAlignment, showSort, sortStyle, showResultCount, showFilters, filterChipBgColor, filterChipTextColor, filterStyle, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, showAddToCart, showRating, showPrice, showVariantName, showQuickView, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, showDiscountBadge, cardVariant, imageAspectRatio, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Storefront

  Éditeur de pagesstorefront

  Modern Shopify-inspired — category chips, sort pills, filter drawer, friendly UX

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, searchWidth, searchAlignment, showSort, sortStyle, showResultCount, showFilters, filterStyle, filterChipBgColor, filterChipTextColor, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle, showCategoryChips, filterSheetSide

• Feed

  Éditeur de pagesfeed

  TikTok / Instagram-inspired — overlay image cards in masonry, category chips, mobile-first

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showFilters, filterChipBgColor, filterChipTextColor, filterStyle, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, showAddToCart, showRating, showPrice, showDiscountBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, imageAspectRatio, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Catalog

  Éditeur de pagescatalog

  B2B / power-user — horizontal row cards, sticky sidebar filters, dense info display

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, filterTagStyle, filterChipBgColor, filterChipTextColor, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, showAddToCart, showRating, showStock, showCategory, showPrice, showVariantName, showDiscountBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, sidebarPosition, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Sporty

  Éditeur de pagessporty

  Persistent dark sidebar with athletic product grid. High-energy layout for sports and lifestyle stores.

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle, sidebarPosition

• Gallery Wall

  Éditeur de pagesgallery-wall

  Immersive editorial grid — a sticky glass toolbar with a segmented sort control, an underline category rail, and large-imagery cards with generous whitespace

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, showResultCount, showFilters, filterStyle, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Boutique Facets

  Éditeur de pagesboutique-facets

  Filter-forward faceted listing — a redesigned sticky facet rail (header band, active count, clear-all) and a results header with a segmented sort control and a grid-density toggle

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, showResultCount, showFilters, filterStyle, filterChipBgColor, filterChipTextColor, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle, sidebarPosition

• Showcase

  Éditeur de pagesshowcase

  Editorial featured-hero listing — the first product takes a large split hero tile (image, name, price, View link) above a refined grid with a bespoke search + segmented sort toolbar

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, showResultCount, showFilters, filterStyle, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Zoom Grid

  Éditeur de pageszoom-grid

  Density-controlled grid with a shopper zoom slider and sticky utility bar

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Index Board

  Éditeur de pagesindex-board

  Typographic product index beside a preview panel that swaps on hover

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle

• Collection

  Éditeur de pagescollection

  Airy collection page with a flat faceted filter rail and price-chip cards

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, searchWidth, searchAlignment, showSort, sortStyle, showResultCount, showFilters, filterStyle, filterTagStyle, filterChipBgColor, filterChipTextColor, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle, sidebarPosition

• Joy Toolbar

  Éditeur de pagesjoy-toolbar

  Sticky pill-filter toolbar with joy cards, a woven promo tile and a circular pager

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, filterChipBgColor, filterChipTextColor, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle, promoEnabled, promoEyebrow, promoTitle, promoText, promoCtaText, promoCtaLink, promoGradFrom, promoGradTo, promoSlot, promoSpan, paginationStyle

• Linen & Clay

  Éditeur de pageslinen-clay

  Warm boutique listing with a calm left facet rail, cream serif-named cards and a count · view toggle · sort toolbar

  Propres à ce style: dataSource, showVariantSwatches, showSearch, searchStyle, showSort, sortStyle, showResultCount, showFilters, filterStyle, showCategoryFilter, showPriceFilter, showAvailabilityFilter, smartFilterMode, columns, mobileColumns, imageAspectRatio, stretchCards, showAddToCart, showRating, showPrice, showDiscountBadge, showCategory, showStock, showVariantName, showQuickView, showCompare, showArBadge, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, cardVariant, cardBgColor, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, badgeStyle, discountBadgeBg, discountBadgeTextColor, newBadgeBg, newBadgeTextColor, stockBadgeBg, stockBadgeTextColor, giftBadgeBg, giftBadgeTextColor, tagBadgeBg, tagBadgeTextColor, emptyStateTitle, emptyStateSubtitle, sidebarPosition, showViewToggle

Réglages

Les champs affichés dans le panneau Réglages de section, à droite, lorsque cette section est sélectionnée.

Communs à tous les styles

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