Vitrin Hero

Bu bölüm ne yapar

Öne çıkan bir ürün veya görseli merkeze alan tam sayfa hero bölümü. Açılış sayfaları ve kampanya başlıkları için idealdir.

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.

• Merkez Vitrin

  Ücretsizcenterpiece

  Tek büyük hero görsel merkezde, süsleyici vurgular, başlık, alt başlık ve harekete geçirici buton tam yapılandırılabilir

  Bu stile özel: badge, title, subtitle, image, imageAlt, items, gridColumns, decorColor, decorOpacity, decorCount, decorShape, textColor, headingColor, accentColor, badgeBg, badgeColor, contentAlignment, buttons

• Kule & Yazı

  Ücretsiztower-script

  Bir tarafta üst üste yığılmış ürün görselleri, diğer tarafta fotoğrafın üstüne yerleştirilen büyük italik yazı — cesur ve editoryal

  Bu stile özel: badge, title, subtitle, images, scriptWord, scriptColor, imageSide, textColor, headingColor, accentColor, badgeBg, badgeColor, buttons

• Düz Çekim

  Sayfa Düzenleyiciflat-lay

  Bir tarafta üstten düz çekim fotoğraf, diğer tarafta başlık ve etiket çipleri — temiz ve modern

  Bu stile özel: badge, title, subtitle, image, imageAlt, chips, chipBg, chipColor, imageSide, textColor, headingColor, accentColor, badgeBg, badgeColor, buttons

• Üçlü Panel

  Sayfa Düzenleyicitriptych

  Üç adet kaydırılabilir fotoğrafla çerçevelenmiş merkez başlık — dinamik galeri hissi

  Bu stile özel: badge, title, subtitle, imageLeft, imageCenter, imageRight, imageRotateLeft, imageRotateRight, textColor, headingColor, accentColor, badgeBg, badgeColor, buttons

• Yelpaze Deste

  Sayfa Düzenleyicifanned-deck

  Arkasında yelpaze kartlar olan eğik ürün

  Bu stile özel: badge, title, subtitle, image, imageAlt, images, accentImage, imageSide, textColor, headingColor, accentColor, badgeBg, badgeColor, buttons

• Vitrin Alanı

  Sayfa Düzenleyicispotlight-field

  Çerçeveli alanda ortalanmış ürün, küçük resimler + bilgi balonları

  Bu stile özel: badge, title, subtitle, image, imageAlt, items, priceLabel, ratingLabel, textColor, headingColor, accentColor, badgeBg, badgeColor, buttons

• Bölünmüş Izgara

  Sayfa Düzenleyicisplit-grid

  Editöryel bölünmüş düzen — bir tarafta metin bloğu, diğer tarafta asimetrik dergi tarzı ürün görsel grubu

  Bu stile özel: badge, title, subtitle, items, panelColor, imageSide, textColor, headingColor, accentColor, badgeBg, badgeColor, buttons

• Tipografi Afişi

  Sayfa Düzenleyicitype-banner

  Devasa başlık afişi üzerine binen tek bir ürün kartı ve altında destekleyici küçük görseller sırası

  Bu stile özel: badge, title, subtitle, image, imageAlt, items, watermarkColor, textColor, headingColor, accentColor, badgeBg, badgeColor, buttons

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