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 scheme

Select a color system for the background, text, and button color.

Section width

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

Product card

Show second image on hover

When enabled, hovering over a product shows its second image if available.

Product card background

Controls the background style of the product cards.

Display type

 Choose between a traditional grid layout or a horizontal swiper/slider layout.

• • Grid
  • Slideshow

Number of products per page

Number of related products to display page.

Products per row on desktop

Sets the number of products displayed per row in desktop view.

Products per row on mobile

Defines how many products are shown side-by-side on mobile devices.

Enable mobile slideshow

When enabled, turns the product display into a carousel on mobile.

Show ‘View all’ button

Toggle to show or hide a button linking to the full collection page.

Top Padding / Bottom Padding

Adds vertical spacing before and after the section.