Bento Vitrin

Bu bölüm ne yapar

Görsel, özellik, istatistik ve alıntı kutucuklarından oluşan esnek bento ızgara

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.

• Asimetrik

  Ücretsizasymmetric

  Dinamik, editöryel bir bento ızgara için değişken kutucuk boyutları

  Bu stile özel: title, subtitle, tiles

• Öne Çıkan

  Ücretsizfeature-spotlight

  Büyük bir vitrin kutucuğu önde, küçük kutucuklarla desteklenir

  Bu stile özel: title, subtitle, tiles

• Eşit Izgara

  Sayfa Düzenleyiciuniform-grid

  Tüm kutucuklar aynı boyutta, temiz ve eşit bir ızgarada

  Bu stile özel: title, subtitle, tiles

• Tuğla Dizilim

  Sayfa Düzenleyicimasonry

  Kutucukların doğal yüksekliklerini koruduğu Pinterest tarzı sütunlar

  Bu stile özel: title, subtitle, tiles

• Çerçeveli İskelet

  Sayfa Düzenleyiciframed-skeleton

  Asimetrik hücreli ayraçlı çerçeve

  Bu stile özel: title, subtitle, tiles

• Kahraman Bandı

  Sayfa Düzenleyicihero-band

  Tam genişlikte bir kahraman kutucuk + eşit kutucuk bandı

  Bu stile özel: title, subtitle, tiles

• Merkez Sahne

  Sayfa Düzenleyicicenter-stage

  Ortadaki sütunda uzun bir öne çıkan kart, iki yanında üst üste dizili küçük kartlar

  Bu stile özel: title, subtitle, tiles, accentColor

• Mozaik Şerit

  Sayfa Düzenleyicimosaic-rail

  Editöryel yuvarlatılmış mozaik: 3+3 geniş üst satır, altında 2+2+2 eşit alt satır

  Bu stile özel: title, subtitle, tiles, accentColor

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