Süreç Adımları

Bu bölüm ne yapar

İkonlu, adım adım nasıl çalışır süreci

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.

• Numaralı

  Ücretsiznumbered

  Bağlantı çizgisi üzerinde numaralı daireler ve adım başına kart

  Bu stile özel: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

• Bağlı Kartlar

  Ücretsizconnected-cards

  Ok bağlayıcılarla birbirine bağlanan ikon kartları

  Bu stile özel: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

• Dikey

  Sayfa Düzenleyicivertical

  Dikey bir çizgi boyunca solda numara ile sıralı adımlar

  Bu stile özel: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

• Zigzag

  Sayfa Düzenleyicizigzag

  Adımlar merkez çizginin solunda ve sağında dönüşümlü

  Bu stile özel: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

• Durum Rayı

  Sayfa Düzenleyicistatus-rail

  Durum düğümlü dikey ray; aktif düğüm nabız atar

  Bu stile özel: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

• Kesik Bağlayıcı

  Sayfa Düzenleyicidashed-connector

  Kesik çizgili bağlayıcı + ikon halkalarıyla adımlar

  Bu stile özel: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

• Bölünmüş Tanıtım

  Sayfa Düzenleyicisplit-feature

  Bir tarafta sabit tanıtım paneli (etiket, başlık, görsel), diğer tarafta kart ızgarası adımlar

  Bu stile özel: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

• Büyük Numaralı Satırlar

  Sayfa Düzenleyicibig-number-rows

  İnce çizgilerle ayrılmış tam genişlik satırlar; her birinde simge yanında büyük adım numarası

  Bu stile özel: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

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