Yapım Süreci

Bu bölüm ne yapar

Ürünlerinizin nasıl yapıldığını gösteren fotoğraf odaklı adım adım süreç bölümü

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.

• Dikey İstiflenmiş

  Ücretsizvertical-stacked

  Her adım için tam genişlik fotoğraf, dönüşümlü metin tarafları

  Bu stile özel: title, subtitle, steps

• Yatay Kartlar

  Ücretsizhorizontal-cards

  Üstte fotoğrafı olan 3–4 adım kartı yan yana

  Bu stile özel: title, subtitle, steps

• Numaralı Editoryal

  Sayfa Düzenleyicinumbered-editorial

  Dergi tarzı serif başlıklarla büyük anahat adım numaraları

  Bu stile özel: title, subtitle, steps

• Polaroid Sırası

  Sayfa Düzenleyicipolaroid-row

  El yazısı hissi veren altyazılı hafifçe döndürülmüş fotoğraf kartları

  Bu stile özel: title, subtitle, steps

• Zaman Çizgisi

  Sayfa Düzenleyicitimeline-rail

  Numaralı adım düğümleriyle dikey bağlantı çizgisi

  Bu stile özel: title, subtitle, steps

• Adım Çubuğu

  Sayfa Düzenleyicistepper

  Numaralı düğümlerle yatay bağlı ilerleme çubuğu

  Bu stile özel: title, subtitle, steps

• Öne Çıkan Adım

  Sayfa Düzenleyicifeature-showcase

  Tek büyük öne çıkan fotoğraf ve tüm adımların tıklanabilir küçük resim şeridi

  Bu stile özel: title, subtitle, railActiveColor, steps

• Kontak Baskı

  Sayfa Düzenleyicicontact-sheet

  Her adım için köşe numara rozeti ve alt yazı perdesi olan sık, eşit fotoğraf ızgarası

  Bu stile özel: title, subtitle, overlayColor, badgeColor, steps

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