Sayfa Hero

Bu bölüm ne yapar

Herhangi bir sayfa için hero/başlık bölümü

Nereye konulur

• Bir sayfada en fazla 1 kez kullanılabilir.
• 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.

• Ortalanmış

  Ücretsizcentered

  Ortalanmış rozet, kalın başlık ve alt başlık

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Bölünmüş

  Ücretsizsplit

  Sol hizalı metin, sağda dekoratif illüstrasyon

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor, splitTagLabel

• Minimal

  Sayfa Düzenleyiciminimal

  Kompakt, temiz başlık stili

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, textAlign, textColor, accentColor

• Gradyan

  Sayfa Düzenleyicigradient

  Canlı gradyan arka planla kalın başlık

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Dergi

  Sayfa Düzenleyicimagazine

  Büyük vurgu etiketi, ayırıcı ve başlıkla editöryal düzen

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, buttons, accentLabel, accentColor, textAlign, textColor

• Hero Görsel

  Sayfa Düzenleyicihero-image

  Ortalanmış metin bindirmeli tam genişlik arka plan görseli

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, image, overlayOpacity, accentColor, textAlign, textColor

• Altta Görsel

  Sayfa Düzenleyiciimage

  Metin altta sabitlenmiş tam genişlik arka plan görseli

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, image, overlayOpacity, accentColor, textAlign, textColor

• Dalga

  Sayfa Düzenleyiciwave

  Altında zarif SVG dalga bölücü olan gradyan hero

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor, showGlow

• Neon

  Sayfa Düzenleyicineon

  Parlayan neon metin ve ızgara deseniyle karanlık sinematik hero

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Kalın

  Sayfa Düzenleyicibold

  Başlığı öne çıkaran aşırı büyük görüntü tipografisi

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Yüzen

  Sayfa Düzenleyicifloating

  Animasyonlu yüzen kategori etiketleriyle ortalanmış başlık

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, floatingTags, accentColor, textAlign, textColor

• Diagonal

  Sayfa Düzenleyicidiagonal

  Keskin bir diyagonal ile bölünmüş iki panelli düzen — vurgu rengi solu kaplar, içerik sağda yer alır

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, buttons, accentColor, textAlign, textColor

• Retro

  Sayfa Düzenleyiciretro

  Kalın çerçeveli ve düz renk bloklu gazete taslağı tasarımı — güçlü editoryal kimlik

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Yığın

  Sayfa Düzenleyicistack

  Üç döndürülmüş kart derinlik yaratır — ön kart başlığınızı ve rozetinizi barındırır

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Billboard

  Sayfa Düzenleyicibillboard

  Devasa bölünmüş tipografi: kontur metin katı aksanın üzerinde yığılmış — kaçırılmaz

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Daktilo

  Sayfa Düzenleyicitypewriter

  Canlandırılmış döngüsel kelimeler — başlık kategorileriniz arasında sürekli değişir

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, typewriterWords, accentColor, textAlign, textColor

• Cam Efekti

  Sayfa Düzenleyiciglass

  Buzlu cam içerik kartının arkasında renkli bulanık bloblar — premium ve modern

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Geometrik

  Sayfa Düzenleyicigeometric

  Büyük CSS çizimli geometrik şekiller, cesur editoryal sola hizalı metni çerçeveler

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Bölünmüş Görsel

  Sayfa Düzenleyicisplit-image

  Solda tam genişlikte görsel, sağda kalın başlık — çarpıcı görsel bölünme

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, image, overlayOpacity, accentColor, textAlign, textColor

• Aurora

  Sayfa Düzenleyiciaurora

  Aşırı büyük degrade kırpılmış metnin arkasında kuzey ışıkları gradyanı canlandırması

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, accentColor, textAlign, textColor

• Sportif

  Sayfa Düzenleyicisporty

  Alt sola sabitlenmiş kalın yazılı atletik sayfa başlığı. Sporty slider ile eşleşen görsel dil.

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, image, overlayOpacity, accentColor, textAlign, textColor

• Neşe Gradyanı

  Sayfa Düzenleyicijoy-gradient

  Yuvarlatılmış alt köşeli lila→aqua koleksiyon başlığı; yumuşak bulanık daireler ve yüzen meyve ikonları

  Bu stile özel: showBadge, badgeText, title, highlightedWord, subtitle, crumbText, gradFrom, gradTo, inkColor, bottomRadius

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