Spot Işık

Bu bölüm ne yapar

Tek ürün için dramatik sunum — tam ekran görsel, yazı bindirmesi veya süslü çerçeve.

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.

• Kaide

  Ücretsizpedestal

  Tam ekran arka plan görseli, yumuşak vinyeti ve üstüne yerleştirilmiş başlık ve CTA — etkileyici ve sürükleyici

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

• Yazı Bindirmesi

  Ücretsizscript-overlay

  Bir tarafta ürün fotoğrafı, görselin arkasında büyük italik yazı, diğer tarafta başlık ve CTA

  Bu stile özel: badge, title, subtitle, image, imageAlt, scriptWord, scriptColor, scriptOpacity, imageSide, textColor, headingColor, accentColor, badgeColor, badgeBg, vignetteColor, vignetteStrength, buttons

• Çerçeveli Portre

  Sayfa Düzenleyiciframed-portrait

  Köşe vurguları ve yapılandırılabilir kenarlıkla süslü çerçevede ürün fotoğrafı — editoryal ve rafine

  Bu stile özel: badge, title, subtitle, image, imageAlt, frameColor, frameWidth, frameStyle, frameInset, imageSide, textColor, headingColor, accentColor, badgeColor, badgeBg, vignetteColor, vignetteStrength, buttons

• Bölünmüş Sahne

  Sayfa Düzenleyicisplit-stage

  Uçtan uca 50/50 — bir yanda görsel, diğer yanda içerik paneli

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

• Sade Orta

  Sayfa Düzenleyiciminimal-center

  Ortalanmış istif — rozet, ürün görseli, başlık, açıklama ve CTA

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

• Özellik Baloncukları

  Sayfa Düzenleyicispec-callouts

  Köşelerine sabitlenmiş, her biri bir özelliği gösteren açıklama kartlarıyla ortalanmış ürün görseli

  Bu stile özel: badge, title, subtitle, image, imageAlt, specs, textColor, headingColor, accentColor, badgeColor, badgeBg, vignetteColor, vignetteStrength, calloutBg, calloutTextColor, buttons

• Özellik Rayı

  Sayfa Düzenleyicispec-rail

  Bir tarafta büyük ürün görseli, diğer tarafta dikey etiket/değer özellik satırları

  Bu stile özel: badge, title, subtitle, image, imageAlt, specs, imageSide, textColor, headingColor, accentColor, badgeColor, badgeBg, vignetteColor, vignetteStrength, railDividerColor, 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