Related product

Display related products to encourage customers to discover similar items and continue shopping.

How to access

1. Go to Shopify Admin → Online Store → Themes.

2. Click Customize on your active theme.

3. Open a Product template and select Related products.

Section Settings

Setting	Description
Layout
Expand to full width	Extends the section to the full browser width.
Color scheme	Sets the background and text colors.
Background opacity	Controls the background opacity.
Content
Heading	Section heading text.
Heading size	Size of the heading: Small, Medium, or Large.
Text	Adds supporting text to the section.
Text position	Shows the text above or below the heading.
Desktop content alignment	Aligns the section content on desktop. Choose from Left, Center, or Right. On mobile, the content is automatically centered.
Maximum products to show	Sets the maximum number of related products displayed.
Product card
Show vendor	Displays the product vendor.
Show description	Displays the product description.
Show card swatch	Displays color or variant swatches on the product card.
Show secondary image on hover	Displays the secondary product image when hovering over the product card.
Show quick add option	Displays a quick add button on the product card.
Column alignment	Aligns the product card content: Left, Center, or Right.
Aspect ratio	Sets the product image aspect ratio.
Column settings
Desktop columns	Sets the number of product columns displayed on desktop.
Mobile columns	Sets the number of product columns displayed on mobile.
Carousel settings
Enable carousel	Displays the products in a carousel.
Change slides every	Automatically changes slides after the selected number of seconds. Set to 0 to disable autoplay.
Gap	Controls the spacing between product cards.
Pagination	Sets the carousel navigation: Dots, Arrows, or None.
Pagination style	Sets the pagination style: Classic or Modern.
Section padding
Top side	Space above the section.
Bottom side	Space below the section.
Section divider
Shapes	Adds a decorative divider to the section. Choose from Curve top, Curve bottom, Curve both, None, Border top, Border bottom, or Both border.