Related Products

What this section does

"You might also like" — similar, also-bought or personalized recommendations

Where it goes

• Can be used as many times as you like on one page.
• This section is in every plan — no extra plugin needed.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

• Carousel

  Freecarousel

  Horizontal scrolling rail with arrows

  Specific to this style: 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

• Grid

  Freegrid

  Responsive product grid

  Specific to this style: 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

• Spotlight

  Page Editorspotlight

  First recommendation featured large with a side list

  Specific to this style: 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

• Masonry

  Page Editormasonry

  Pinterest-style staggered masonry columns

  Specific to this style: 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

• Peek Rail

  Page Editorpeek-rail

  Snap rail where the next card peeks in, with dot indicators

  Specific to this style: 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

  Page Editorbento

  Mixed-size bento tiles with a hero recommendation

  Specific to this style: 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

  Page Editorminimal

  Clean borderless grid, image-forward

  Specific to this style: 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

• Marquee

  Page Editormarquee

  Continuously auto-scrolling recommendation strip

  Specific to this style: 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

Settings

The fields you see in the Section Settings panel on the right when this section is selected.

Shared by every style

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height