Hikaye Daireleri

Bu bölüm ne yapar

Instagram tarzı hikaye daireleri - tam ekran modal görüntüleyici ile

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.

• Varsayılan

  Ücretsizdefault

  Gradient halka ve etiket ile yatay hikaye satırı

  Bu stile özel: stories, circleSize, showLabels, ringStyle, ringColor, autoAdvance, autoAdvanceDuration, alignment

• Öne Çıkan

  Ücretsizhighlight

  Renkli parlama halkasıyla daha büyük daireler

  Bu stile özel: stories, circleSize, showLabels, ringStyle, ringColor, autoAdvance, autoAdvanceDuration, alignment

• Minimal

  Sayfa Düzenleyiciminimal

  Halka olmadan küçük, düz daireler

  Bu stile özel: stories, circleSize, showLabels, ringStyle, ringColor, autoAdvance, autoAdvanceDuration, alignment

• Izgara

  Sayfa Düzenleyicigrid

  Birden fazla hikayeyi sütunlar halinde gösteren ızgara düzeni

  Bu stile özel: stories, circleSize, showLabels, ringStyle, ringColor, gridColumns, autoAdvance, autoAdvanceDuration

• Bölmeli Halka

  Sayfa Düzenleyicisegmented-ring

  Instagram tarzı yay bölmeli ilerleme halkaları

  Bu stile özel: stories, circleSize, showLabels, ringStyle, ringColor, autoAdvance, autoAdvanceDuration, alignment

• Öne Çıkan Sıra

  Sayfa Düzenleyicifeatured-row

  Bir büyük öne çıkan daire, yanında küçük daireler

  Bu stile özel: stories, circleSize, showLabels, ringStyle, ringColor, autoAdvance, autoAdvanceDuration, alignment

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