Related Product

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.