Banner

Bu bölüm ne yapar

Görsel ve metinli basit banner

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

  Standart banner düzeni

  Bu stile özel: text, buttons, image, dismissible

• Koyu

  Ücretsizdark

  Koyu temalı banner

  Bu stile özel: text, buttons, image, dismissible

• Gradyan

  Sayfa Düzenleyicigradient

  Renkli gradyan arka plan

  Bu stile özel: text, buttons, image, dismissible

• Bölünmüş

  Sayfa Düzenleyicisplit

  Sol metin, sağ buton

  Bu stile özel: text, buttons, image, dismissible

• Üçlü Teklif

  Sayfa Düzenleyicioffer-trio

  Yan yana üç eşit teklif kutucuğu

  Bu stile özel: text, offers, buttons, image, dismissible

• Kayan Şerit CTA

  Sayfa Düzenleyiciticker-cta

  Kayan şerit mesaj ve sabitlenmiş CTA düğmesi

  Bu stile özel: text, buttons, image, dismissible, repeatToFill

• Görsel Vurgu

  Sayfa Düzenleyiciimage-spotlight

  Üzerine cesur kampanya başlığı ve buton yerleştirilmiş, ayarlanabilir karartmalı tam genişlikte görsel

  Bu stile özel: text, buttons, image, dismissible

• Kaplama Hero

  Sayfa Düzenleyicioverlay-hero

  Tam genişlikte görselin üzerinde tema tonlu karartma, ortalanmış başlık ve avantaj çipleri — cesur kampanya afişi

  Bu stile özel: text, offers, buttons, image, dismissible

• Bölünmüş Kart

  Sayfa Düzenleyicisplit-card

  Bir yarısında görsel, diğer yarısında başlık, kampanyalar ve buton olan kapsüllü yuvarlatılmış kart

  Bu stile özel: text, offers, buttons, image, dismissible

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