Makale Karşılaştırması

Bu bölüm ne yapar

Seçenekleri özellik bazında karşılaştırma

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.

• Özellik Matrisi

  Ücretsizfeature-matrix

  Satır özellikleri, sütun seçenekleri, onay/çarpı işaretli tablo

  Bu stile özel: heading, columns, rows, recommendedIndex, accentColor, headingColor, textColor, paddingY

• İkili Karşılaştırma

  Ücretsiztwo-column-versus

  Ortada VS rozeti olan yan yana iki seçenek kartı

  Bu stile özel: heading, columns, rows, recommendedIndex, accentColor, headingColor, textColor, paddingY

• Kazanan Vurgusu

  Sayfa Düzenleyiciwinner-highlight

  Yan yana seçenek kartları; önerilen seçim rozet ve vurgu halkasıyla öne çıkarılır

  Bu stile özel: heading, columns, rows, recommendedIndex, accentColor, headingColor, textColor, paddingY

• Geçişli Satırlar

  Sayfa Düzenleyicitoggle-rows

  Her satırda kazanan seçeneği işaretleyen özellik satırları; bir sütunu öne çıkaran segment geçişiyle

  Bu stile özel: heading, columns, rows, recommendedIndex, accentColor, headingColor, textColor, paddingY

• Fiyat Sütunları

  Sayfa Düzenleyicipricing-columns

  Her seçenek için özellik değerleri ve buton içeren fiyat kartları; önerilen vurgulanır

  Bu stile özel: heading, columns, rows, recommendedIndex, accentColor, headingColor, textColor, paddingY

• Puan Kartı

  Sayfa Düzenleyiciscorecard

  Her seçenek olumlu satır sayısına göre puanlanır, ilerleme çubuğuyla gösterilir

  Bu stile özel: heading, columns, rows, recommendedIndex, accentColor, headingColor, textColor, paddingY

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