Benzer Ürünler

Bu bölüm ne yapar

"Bunları da beğenebilirsiniz" — benzer, birlikte alınan veya kişiselleştirilmiş öneriler

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.

• Karusel

  Ücretsizcarousel

  Oklarla yatay kaydırılabilir şerit

  Bu stile özel: title, subtitle, showHeading, recommendationSource, maxItems, titleAlignment, showQuickView, showCompare, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, showArBadge, showAddToCart, showPrice, showDiscountBadge, showVariantName, showCategory, showRating, showStock, showPagination, showPromoBand, promoBandText, orderNowText, showTagChips, cardVariant, imageAspectRatio, equalHeight, cardBg, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, menuPanelBg, promoBandBg, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, buttons, itemWidth

• Izgara

  Ücretsizgrid

  Duyarlı ürün ızgarası

  Bu stile özel: title, subtitle, showHeading, recommendationSource, maxItems, titleAlignment, showQuickView, showCompare, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, showArBadge, showAddToCart, showPrice, showDiscountBadge, showVariantName, showCategory, showRating, showStock, showPagination, showPromoBand, promoBandText, orderNowText, showTagChips, cardVariant, imageAspectRatio, equalHeight, cardBg, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, menuPanelBg, promoBandBg, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, buttons, columns

• Vitrin

  Sayfa Düzenleyicispotlight

  İlk öneri büyük, yanında liste

  Bu stile özel: title, subtitle, showHeading, recommendationSource, maxItems, titleAlignment, showQuickView, showCompare, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, showArBadge, showAddToCart, showPrice, showDiscountBadge, showVariantName, showCategory, showRating, showStock, showPagination, showPromoBand, promoBandText, orderNowText, showTagChips, cardVariant, imageAspectRatio, equalHeight, cardBg, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, menuPanelBg, promoBandBg, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, buttons

• Tuğla Düzen

  Sayfa Düzenleyicimasonry

  Pinterest tarzı kademeli tuğla sütunları

  Bu stile özel: title, subtitle, showHeading, recommendationSource, maxItems, titleAlignment, showQuickView, showCompare, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, showArBadge, showAddToCart, showPrice, showDiscountBadge, showVariantName, showCategory, showRating, showStock, showPagination, showPromoBand, promoBandText, orderNowText, showTagChips, cardVariant, imageAspectRatio, equalHeight, cardBg, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, menuPanelBg, promoBandBg, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, buttons, columns

• Önizleme Şeridi

  Sayfa Düzenleyicipeek-rail

  Sonraki kartın kenardan göründüğü, nokta göstergeli şerit

  Bu stile özel: title, subtitle, showHeading, recommendationSource, maxItems, titleAlignment, showQuickView, showCompare, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, showArBadge, showAddToCart, showPrice, showDiscountBadge, showVariantName, showCategory, showRating, showStock, showPagination, showPromoBand, promoBandText, orderNowText, showTagChips, cardVariant, imageAspectRatio, equalHeight, cardBg, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, menuPanelBg, promoBandBg, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, buttons, itemWidth, peek

• Bento

  Sayfa Düzenleyicibento

  Bir öne çıkan öneriyle karışık boyutlu bento kutuları

  Bu stile özel: title, subtitle, showHeading, recommendationSource, maxItems, titleAlignment, showQuickView, showCompare, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, showArBadge, showAddToCart, showPrice, showDiscountBadge, showVariantName, showCategory, showRating, showStock, showPagination, showPromoBand, promoBandText, orderNowText, showTagChips, cardVariant, imageAspectRatio, equalHeight, cardBg, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, menuPanelBg, promoBandBg, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, buttons

• Minimal

  Sayfa Düzenleyiciminimal

  Sade, çerçevesiz ve görsel odaklı ızgara

  Bu stile özel: title, subtitle, showHeading, recommendationSource, maxItems, titleAlignment, showQuickView, showCompare, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, showArBadge, showAddToCart, showPrice, showDiscountBadge, showVariantName, showCategory, showRating, showStock, showPagination, showPromoBand, promoBandText, orderNowText, showTagChips, cardVariant, imageAspectRatio, equalHeight, cardBg, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, menuPanelBg, promoBandBg, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, buttons, columns

• Akan Şerit

  Sayfa Düzenleyicimarquee

  Sürekli otomatik kayan öneri şeridi

  Bu stile özel: title, subtitle, showHeading, recommendationSource, maxItems, titleAlignment, showQuickView, showCompare, showSecondImageOnHover, hoverImageAnimation, hoverImageAnimationDuration, showArBadge, showAddToCart, showPrice, showDiscountBadge, showVariantName, showCategory, showRating, showStock, showPagination, showPromoBand, promoBandText, orderNowText, showTagChips, cardVariant, imageAspectRatio, equalHeight, cardBg, cardTitleColor, cardPriceColor, cardDiscountPriceColor, cardOriginalPriceColor, cardCategoryColor, cardVariantColor, cardStockColor, cardBadgeBg, cardBadgeTextColor, cardButtonBg, cardButtonTextColor, menuPanelBg, promoBandBg, cardTitleFont, cardTitleWeight, cardPriceFont, cardPriceWeight, cardCategoryFont, cardCategoryWeight, cardVariantFont, cardVariantWeight, cardStockFont, cardStockWeight, buttons, itemWidth, autoplay, autoplaySpeed, repeatToFill

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