Önce / Sonra

Bu bölüm ne yapar

Aynı mekânın iki fotoğraf ya da videosunu ziyaretçinin sürüklediği, üzerine geldiği ya da kaydırdığı bir ayırıcıyla karşılaştırın

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.

• Editoryal

  Ücretsizeditorial

  Başlık ve açıklamanın yanında büyük karşılaştırma alanı

  Bu stile özel: eyebrow, title, subtitle, description, caption, buttons, beforeMedia, afterMedia, dragHandle, dragAnywhere, hoverFollow, hoverReturn, scrollDriven, scrollRange, scrollStart, scrollEnd, initialPosition, pinLength, orientation, handleStyle, dividerWidth, dividerColor, handleColor, handleIconColor, aspectRatio, objectFit, beforeEffect, cornerRadius, showLabels, beforeLabel, afterLabel, labelPosition, labelStyle

• Tam Genişlik

  Ücretsizfull-bleed

  Kenardan kenara karşılaştırma; kaydırdıkça ayırıcı kendiliğinden kayar

  Bu stile özel: eyebrow, title, subtitle, description, caption, beforeMedia, afterMedia, dragHandle, dragAnywhere, hoverFollow, hoverReturn, scrollDriven, scrollRange, scrollStart, scrollEnd, initialPosition, pinLength, orientation, handleStyle, dividerWidth, dividerColor, handleColor, handleIconColor, aspectRatio, objectFit, beforeEffect, showLabels, beforeLabel, afterLabel, labelPosition, labelStyle

• Mimari Çerçeve

  Sayfa Düzenleyiciframed

  İnce çizgili, ölçü işaretli çerçeve içinde numaralı proje karşılaştırması

  Bu stile özel: eyebrow, title, subtitle, description, caption, buttons, beforeMedia, afterMedia, dragHandle, dragAnywhere, hoverFollow, hoverReturn, scrollDriven, scrollRange, scrollStart, scrollEnd, initialPosition, pinLength, orientation, handleStyle, dividerWidth, dividerColor, handleColor, handleIconColor, aspectRatio, objectFit, beforeEffect, cornerRadius, showLabels, beforeLabel, afterLabel, labelPosition, labelStyle

• Oda Sekmeleri

  Sayfa Düzenleyiciroom-tabs

  Oda sekmeleriyle birden çok önce/sonra çifti arasında geçiş

  Bu stile özel: eyebrow, title, subtitle, description, pairs, dragHandle, dragAnywhere, hoverFollow, hoverReturn, scrollDriven, scrollRange, scrollStart, scrollEnd, initialPosition, orientation, handleStyle, dividerWidth, dividerColor, handleColor, handleIconColor, aspectRatio, objectFit, beforeEffect, cornerRadius, showLabels, beforeLabel, afterLabel, labelPosition, labelStyle

• Proje Galerisi

  Sayfa Düzenleyicigallery

  Her kartı kendi ayırıcısıyla çalışan önce/sonra ızgarası

  Bu stile özel: eyebrow, title, subtitle, description, pairs, columns, tabletColumns, mobileColumns, dragHandle, dragAnywhere, hoverFollow, hoverReturn, scrollDriven, scrollRange, scrollStart, scrollEnd, initialPosition, orientation, handleStyle, dividerWidth, dividerColor, handleColor, handleIconColor, aspectRatio, objectFit, beforeEffect, cornerRadius, showLabels, beforeLabel, afterLabel, labelPosition, labelStyle

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