Related Product
This section is typically added to the product page to suggest additional items a customer may also like. It helps boost conversions and cross-sells by displaying products from the same collection or based on Shopify’s related product logic.
Color system
Select a color system for the background, text, and button color.
Heading
Displays a heading above the related products.
Heading Size
Allows choosing heading hierarchy (e.g., H1 To H6).
Text Align
Aligns the heading and text content.
- Left
- Right
- Center
Show Second Image on Hover
When enabled, hovering over a product shows its second image if available.
Media Shape
Controls the shape/aspect ratio of product images.
- Adapt – Uses the natural image aspect ratio.
- Portrait – Forces a taller vertical shape.
- Square – Ensures a 1:1 aspect ratio for uniformity.
Show Variant Swatches on Product Cards
Displays color or variant swatches (if available) under each product image.
Maximum Swatches to Show
Limits visible swatches before showing “+X more”.
Show Add to Cart Button on Product Cards
Enables an “Add to Cart” button directly beneath each related product.
Products to Show
Number of related products to display.
Desktop Layout
Choose between a traditional grid layout or a horizontal swiper/slider layout.
- Grid
- Slider
Enable Slider on Mobile
When enabled, turns the product display into a swipeable carousel on mobile.
Top Padding / Bottom Padding
Adds vertical spacing before and after the section.
