Ürün Listesi

Bu bölüm ne yapar

Arama, filtreler, sıralama ve ızgara ile tam ürün listesi

Nereye konulur

• Bir sayfada en fazla 1 kez kullanılabilir.
• Bu bölüm her pakette vardır, ayrıca eklenti gerekmez.

Stiller

Aynı bölümün farklı görünümleri. Stili sonradan da değiştirebilirsiniz; içeriğiniz olduğu gibi kalır.

Her bölümün ilk 2 stili her mağazada açıktır. Sonrakiler Sayfa Düzenleyici eklentisiyle açılır — stil stil değil, hepsi birden.

• Kenar Çubuğu Filtreleri

  Ücretsizsidebar

  Solda yapışkan filtre kenar çubuğu, üstte arama ve sıralama

  Bu stile özel: 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

• Üst Filtreler

  Ücretsiztop-filters

  Ürün ızgarasının üzerinde daraltılabilir filtre paneli

  Bu stile özel: 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

  Sayfa Düzenleyiciminimal

  Yalnızca arama ve sıralama içeren temiz düzen

  Bu stile özel: 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

• Ortalanmış Arama

  Sayfa Düzenleyicicentered-search

  Hero olarak büyük ortalanmış arama alanı, altında ızgara

  Bu stile özel: 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

• Filtre Çekmecesi

  Sayfa Düzenleyicidrawer

  Yüzen filtre butonu tam yükseklikte yan çekmece açar

  Bu stile özel: 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

• Liste Görünümü

  Sayfa Düzenleyicilist-view

  Solda görsel, sağda detaylar içeren yatay liste kartları

  Bu stile özel: 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

• Mozaik

  Sayfa Düzenleyicimasonry

  Kart yüksekliklerine uyum sağlayan Pinterest tarzı dağınık ızgara

  Bu stile özel: 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

  Sayfa Düzenleyicispotlight

  Karanlık sinematik sahne — ürünler arka plana karşı ışık noktaları gibi parlıyor

  Bu stile özel: 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

• Editoryal

  Sayfa Düzenleyicieditorial

  Dergi düzeni — ilk iki ürün büyük öne çıkar, geri kalanlar sıkı kompakt bir ızgarada

  Bu stile özel: 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

• Kompakt

  Sayfa Düzenleyicicompact

  Tek satırlı minimal araç çubuğu ile ultra yoğun ızgara — ekran başına maksimum ürün

  Bu stile özel: 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

• Dergi Bölünmüş

  Sayfa Düzenleyicimagazine-split

  Sol editoryal kategori navigasyonu sağ ürün ızgarasıyla — yapılandırılmış editoryal his

  Bu stile özel: 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

• Yüzen Izgara

  Sayfa Düzenleyicifloating-grid

  Cömert aralıklı havadar kayan kartlar ve hayalet tarzı minimal kontrol çubuğu

  Bu stile özel: 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

• Lüks

  Sayfa Düzenleyiciluxury

  SSENSE / Mytheresa ilhamlı — tam kaplamalı dikey kartlar, sıralama pilleri, kategori chips

  Bu stile özel: 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

• Mağaza

  Sayfa Düzenleyicistorefront

  Modern Shopify ilhamlı — kategori chips, sıralama pilleri, filtre çekmecesi, kullanıcı dostu

  Bu stile özel: 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

• Akış

  Sayfa Düzenleyicifeed

  TikTok / Instagram ilhamlı — kaplama görsel kartlar, kategori chips, mobil öncelikli

  Bu stile özel: 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

• Katalog

  Sayfa Düzenleyicicatalog

  B2B / güçlü kullanıcı — yatay satır kartlar, sabit kenar filtresi, yoğun bilgi görünümü

  Bu stile özel: 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

• Sportif

  Sayfa Düzenleyicisporty

  Kalıcı koyu kenar çubuğu ile atletik ürün ızgarası. Spor ve yaşam tarzı mağazaları için yüksek enerjili düzen.

  Bu stile özel: 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

• Galeri Duvarı

  Sayfa Düzenleyicigallery-wall

  Sürükleyici editöryel ızgara — yapışkan cam araç çubuğu, segmentli sıralama kontrolü ve alt çizgili kategori şeridi ile büyük görselli, ferah kartlar

  Bu stile özel: 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

• Butik Filtreler

  Sayfa Düzenleyiciboutique-facets

  Filtre odaklı faset listeleme — yeniden tasarlanmış yapışkan filtre paneli (başlık bandı, aktif sayaç, tümünü temizle) ve segmentli sıralama ile ızgara yoğunluğu değiştiricili sonuç başlık bandı

  Bu stile özel: 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

• Vitrin

  Sayfa Düzenleyicishowcase

  Editöryel öne çıkan ürün görünümü — ilk ürün büyük bölünmüş hero kartında (görsel, ad, fiyat, ürüne git bağlantısı); altında arama ve segmentli sıralamalı şık ızgara

  Bu stile özel: 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

• Yakınlaşma Izgarası

  Sayfa Düzenleyicizoom-grid

  Alışverişçi yoğunluk kaydırıcısı ve yapışkan araç çubuğuyla ızgara

  Bu stile özel: 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

• Dizin Panosu

  Sayfa Düzenleyiciindex-board

  Üzerine gelince değişen önizleme paneli yanında tipografik ürün dizini

  Bu stile özel: 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

• Koleksiyon

  Sayfa Düzenleyicicollection

  Düz fasetli filtre rayı ve fiyat çipli kartlarla ferah koleksiyon sayfası

  Bu stile özel: 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

• Neşe Araç Çubuğu

  Sayfa Düzenleyicijoy-toolbar

  Yapışkan hap filtre çubuğu, neşe kartları, akışa örülü promo kutusu ve dairesel sayfalayıcı

  Bu stile özel: 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

• Keten & Kil

  Sayfa Düzenleyicilinen-clay

  Sol tarafta sakin filtre rayı, krem serif isimli kartlar ve sonuç sayısı · görünüm değiştirici · sıralama araç çubuğuyla sıcak butik listeleme

  Bu stile özel: 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

Ayarlar

Bir bölümü seçtiğinizde sağdaki Bölüm Ayarları panelinde görebileceğiniz alanlar.

Tüm stillerde ortak

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