Vurgulu Kutu

Bu bölüm ne yapar

Önemli bilgi, uyarı veya ipucu kutusu

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.

• Bilgi

  Ücretsizinfo

  Bilgilendirici çağrı kutusu

  Bu stile özel: title, content, icon, accentColor, calloutBg, calloutBgOpacity, calloutBgBlur, textColor, bodyTextColor, paddingY

• Uyarı

  Ücretsizwarning

  Uyarı çağrı kutusu

  Bu stile özel: title, content, icon, accentColor, calloutBg, calloutBgOpacity, calloutBgBlur, textColor, bodyTextColor, paddingY

• Başarı

  Sayfa Düzenleyicisuccess

  Başarı / ipucu çağrı kutusu

  Bu stile özel: title, content, icon, accentColor, calloutBg, calloutBgOpacity, calloutBgBlur, textColor, bodyTextColor, paddingY

• İpucu

  Sayfa Düzenleyicitip

  Yararlı ipucu çağrı kutusu

  Bu stile özel: title, content, icon, accentColor, calloutBg, calloutBgOpacity, calloutBgBlur, textColor, bodyTextColor, paddingY

• Alıntı

  Sayfa Düzenleyiciquote

  Öne çıkan alıntı

  Bu stile özel: content, attribution, accentColor, calloutBg, calloutBgOpacity, calloutBgBlur, textColor, bodyTextColor, paddingY

• Sol İkon Çubuğu

  Sayfa Düzenleyiciicon-left-bar

  Vurgu çubuğu + ikon, metin geri kalanı doldurur

  Bu stile özel: title, content, icon, accentColor, calloutBg, calloutBgOpacity, calloutBgBlur, textColor, bodyTextColor, paddingY

• Başlıklı Kutu

  Sayfa Düzenleyiciboxed-title

  Gövdenin üstünde kalın başlık satırı olan çerçeve

  Bu stile özel: title, content, icon, accentColor, calloutBg, calloutBgOpacity, calloutBgBlur, textColor, bodyTextColor, paddingY

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