The Related Products section displays a curated or algorithmic set of related items on the product page to encourage cross-selling.
Section Settings #
Color scheme #
Choose a predefined color scheme to control the section’s background, text, and accent colors, keeping it consistent with the rest of the theme design.
Section width #
Control how wide the section appears on the page.
Options:
- Page
- Full
Heading #
The main heading text for this section.
Heading size #
Control the font size of the heading.
Options:
- H1
- H2
- H3
- H4
- H5
- H6
Text align #
Control the horizontal text alignment of the section content.
Options:
- Left
- Center
- Right
Show second image on hover #
Toggle this feature on or off.
Show add to cart button #
Toggle this feature on or off.
Show product vendor #
Toggle this feature on or off.
Show product rating #
Toggle this feature on or off.
Show variant swatches #
Toggle this feature on or off.
Desktop view #
Choose one of the available options from the dropdown.
Options:
- Grid
- Slideshow
Products to show #
Use the slider to fine-tune this value numerically.
Products per row on desktop #
Set how many products are displayed per row.
Products per row on mobile #
Set how many products are displayed per row.
Enable mobile slideshow for grid view #
Toggle this feature on or off. On mobile, grid view will become a horizontal slideshow
Top padding #
Add vertical spacing above the section content for better layout balance with the section above it.
Bottom padding #
Add vertical spacing below the section content for better layout balance with the section below it.
Autoplay slideshow #
Enable to automatically rotate through slides without requiring the customer to click.
Speed (ms) #
Control how many seconds each slide is shown before automatically advancing (only applies when autoplay is enabled).
Show navigation #
Control the visibility of navigation arrows/dots.
Show scrollbar #
Toggle this feature on or off.
Pagination style #
Choose one of the available options from the dropdown.
Options:
- Dots
- Progress bar
- Numbers line
- Circle progress
