Özellik Sekmeleri

Bu bölüm ne yapar

Metin, madde ve görsellerle etkileşimli sekmeli özellik vitrini

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.

• Sekmeli

  Ücretsiztabbed

  Panelin üstünde yatay sekme çubuğu

  Bu stile özel: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

• Dikey Sekmeler

  Ücretsizvertical-tabs

  Solda dikey sekme listesi, sağda panel

  Bu stile özel: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

• Akordeon

  Sayfa Düzenleyiciaccordion

  Solda açılır satırlar, sağda aktif panel görseli

  Bu stile özel: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

• Kaydırmalı

  Sayfa Düzenleyicicarousel

  İleri/geri kontrolleri ve noktalarla tek panel

  Bu stile özel: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

• Yüzen Hap Medya

  Sayfa Düzenleyicifloating-pill-media

  Tam ekran medya üzerinde yüzen hap sekme çubuğu

  Bu stile özel: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

• Medya + Liste

  Sayfa Düzenleyicimedia-split-list

  Bir yanda büyük medya, diğer yanda tıklanır sekme listesi

  Bu stile özel: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

• Alt Çizgili Sekme + Medya

  Sayfa Düzenleyiciunderline-top-media

  Üstte ortalanmış alt çizgili sekme satırı, altında geniş çerçeveli metin + büyük medya paneli

  Bu stile özel: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

• Numaralı Adımlar + Sabit Medya

  Sayfa Düzenleyicinumbered-step-sticky

  Solda tıklanabilir numaralı adım satırları, sağda aktif adıma göre değişen sabit büyük medya

  Bu stile özel: title, subtitle, tabs, accentColor, panelBgColor, stepNumberColor

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