Karşılaştırma

Bu bölüm ne yapar

Özellik karşılaştırması

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.

• Tablo

  Ücretsiztable

  Geleneksel karşılaştırma tablosu

  Bu stile özel: title, subtitle, columns, features, showDescriptions, stickyHeader, accentColor

• Kartlar

  Ücretsizcards

  Yan yana karşılaştırma kartları

  Bu stile özel: title, subtitle, columns, features, showDescriptions, stickyHeader, accentColor

• Yan Yana

  Sayfa Düzenleyiciside-by-side

  İki sütunlu karşılaştırma düzeni

  Bu stile özel: title, subtitle, columns, features, showDescriptions, stickyHeader, accentColor

• Liste

  Sayfa Düzenleyicilist

  Dikey liste karşılaştırma düzeni

  Bu stile özel: title, subtitle, columns, features, showDescriptions, stickyHeader, accentColor

• Koyu

  Sayfa Düzenleyicidark

  Koyu temalı karşılaştırma bölümü

  Bu stile özel: title, subtitle, columns, features, showDescriptions, stickyHeader, accentColor

• Minimal

  Sayfa Düzenleyiciminimal

  Temiz minimal karşılaştırma düzeni

  Bu stile özel: title, subtitle, columns, features

• Önerilen

  Sayfa Düzenleyicirecommended

  Bir sütunun öne çıkarıldığı (rozetli, yükseltilmiş) plan tablosu

  Bu stile özel: title, subtitle, columns, features, showDescriptions, stickyHeader, accentColor, recommendedBadgeText, recommendedBadgeColor

• Karşılaştırma (VS)

  Sayfa Düzenleyiciversus

  Ortada VS rozetiyle iki ürün karşı karşıya, altında özellik karşılaştırması

  Bu stile özel: title, subtitle, columns, features, showDescriptions, stickyHeader, accentColor, versusLabel, versusBadgeColor

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