Kategoriler

Bu bölüm ne yapar

Ürün kategorilerini görüntüleyin

Nereye konulur

• Bir sayfada istediğiniz kadar kullanabilirsiniz.
• 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.

• Izgara

  Ücretsizgrid

  Kategori ızgara düzeni

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns

• Karusel

  Ücretsizcarousel

  Yatay kaydırmalı kategoriler

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Masonry

  Sayfa Düzenleyicimasonry

  Pinterest tarzı masonry düzeni

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Liste

  Sayfa Düzenleyicilist

  Detaylı dikey liste

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Akış

  Sayfa Düzenleyiciflow

  Öne çıkan görsellerle büyük yatay kayan kartlar

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Organik Izgara

  Sayfa Düzenleyiciorganic

  Farklı boyutlu kartlarla asimetrik 3 sütunlu organik ızgara

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns, accentColor

• Yaprak Kolaj

  Sayfa Düzenleyicileaf-collage

  Dönüşümlü organik şekillerle (yaprak, taç yaprak, çakıl) kesilmiş kategori karoları

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns, accentColor, clipShape

• Cam

  Sayfa Düzenleyiciglass

  Bulanık arka plan efektli glassmorphism kartlar

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns, accentColor

• Spotlight

  Sayfa Düzenleyicispotlight

  Destek kartlarıyla birlikte büyük öne çıkan kategori

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, ctaLabel

• Bento

  Sayfa Düzenleyicibento

  Karma boyutlu hücrelerle bento kutusu düzeni

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, accentColor

• Dergi

  Sayfa Düzenleyicimagazine

  Hero, numaralı kenar çubuğu ve alt ızgara ile editöryal düzen

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Neon

  Sayfa Düzenleyicineon

  Neon parlayan kenarlıklı koyu kartlar

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns, accentColor

• Polaroid

  Sayfa Düzenleyicipolaroid

  Dağınık eğik polaroid fotoğraf kartları

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Minimal Daireler

  Sayfa Düzenleyiciminimal-circles

  Altında etiket bulunan dairesel kırpılmış görseller

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, accentColor

• Şerit

  Sayfa Düzenleyiciribbon

  Tam genişlik alternatif görsel-metin bantları

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, accentColor, ctaLabel

• Mozaik

  Sayfa Düzenleyicimosaic

  Karma boyutlu koyu renk bloklu karolar

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Editoryal Izgara

  Sayfa Düzenleyicieditorial-grid

  Büyük bir ana kategori ve küçük destekleyici karolarla asimetrik editoryal ızgara

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, columns, accentColor

• Koleksiyonlar

  Sayfa Düzenleyicicollections

  Koyu bindirme ile kare görsel kartlar — alt kısımda kategori adı ve ürün sayısı. Premium mağaza stili.

  Bu stile özel: selectionMode, selectedCategoryIds, sort, columns, accentColor

• Dikey Şerit

  Sayfa Düzenleyiciportrait

  Moda lookbook ve editoryal kataloglardan ilham alan, yan yana sıralı uzun dikey kartlar

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, displayCount, imageFilter, cardHeight, showOverlay, overlayOpacity, cardBg, cardTitleColor

• Öne Çıkan Bölünme

  Sayfa Düzenleyicifeatured-split

  İlk kategori büyük blok, kalanlar ızgarada

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns, accentColor

• Eşit Kareler

  Sayfa Düzenleyiciuniform-tiles

  Esnek ızgarada eşit kare kutucuklar

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor, columns, accentColor

• Concept Rail

  Sayfa Düzenleyiciconcept-rail

  Ekran kenarına taşan yatay kaydırmalı dikey kartlar — alt karartma degrade, üst simge sayısı ve dairesel ok. Başlık solda üst etiket + başlık, sağda dairesel oklar. Premium "Concept" tasarım dili.

  Bu stile özel: title, subtitle, eyebrow, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, cardStyle, textColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Kolaj & Metin

  Sayfa Düzenleyicicollage-text

  Asimetrik editoryal kolaj — metin sütunu (üst etiket, iri başlık, paragraf, çerçeveli hap buton) ve 2×2 asimetrik yuvarlatılmış görsel karo ızgarası; her karoda büyük kategori etiketi. Premium "Concept" tasarım dili.

  Bu stile özel: title, subtitle, eyebrow, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, accentColor, cardBg, cardTitleColor, cardProductCountColor, cardDescriptionColor, cardOverlayColor

• Neşeli Kutular

  Sayfa Düzenleyicijoy-tiles

  Renk bloklu pastel kategori kutuları — soluk filigran ikon, koyu başlık ve hover’da dolan dairesel ok

  Bu stile özel: title, subtitle, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, tileColor1, tileColor2, tileColor3, tileColor4, tileColor5, tileTextColor, showWatermarkIcon

• Editoryal Dizin

  Sayfa Düzenleyicieditorial-index

  Numaralı kategori dizini — ince tırnak çizgili satırlar veya çerçeveli numara kartları; numara ve vurgu renkleri temalıdır

  Bu stile özel: title, subtitle, eyebrow, buttons, selectionMode, selectedCategoryIds, sort, showAll, displayCount, showProductCount, showDescription, listStyle, showNumbers, nameFont, linkLabel, numberColor, hoverAccent

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