Skip to main content
The Related Products section lets you control the content, layout, and presentation of this part of the Everest storefront. Most changes happen directly in the Theme Customizer, so you can adjust structure first and then refine styling, spacing, and supporting blocks with confidence. Related Products overview

​
What this section controls

  • Layout structure, width, alignment, and spacing
  • Calls to action, links, and navigation behavior
  • Product, collection, or cart-related storefront behavior
  • Color schemes, contrast, and shared visual styling

​
Getting started

1

Open the Theme Customizer

In Shopify admin, go to Online Store -> Themes -> Customize.
2

Add or open Related Products

Add the Related Products section to a compatible template or select the existing section from the left sidebar.
3

Adjust the main settings first

Start with the structural settings such as layout, width, color scheme, spacing, or content source before refining smaller details.
Related Products location in Theme Customizer

​
Section settings

​
Settings

Related Products Settings settings Dynamic recommendations use order and product information to change and improve over time. Learn more
Adjust Maximum products to show with a slider-based control.Range: 2 to 10 Default: 4
Choose how Layout behaves in the section.It has the strongest effect on layout balance and visual hierarchy.Available options: Grid, Carousel.Default: carousel

​
Number of columns

Related Products Number of columns settings
Adjust Desktop with a slider-based control.It has the strongest effect on layout balance and visual hierarchy.Range: 1 to 6 Default: 3
Adjust Mobile with a slider-based control.It has the strongest effect on layout balance and visual hierarchy.Range: 1 to 1.4 Default: 1
Related Products Carousel layout settings
Select the color scheme used for color for navigation.Use this to keep contrast and branding consistent with the rest of the store.Default: scheme-1This setting only appears when its related parent option is enabled.
Choose how Display behaves in the section.Available options: Full, Partial.Default: partial
Enable or disable Overflow.Default: disabledThis setting only appears when its related parent option is enabled.Overflow is available only when the featured card layout is normal.

​
Common settings

Related Products Common settings
Choose how Section width behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: Page, Fluid, Full.Default: page
Select the color scheme used for color scheme.Use this to keep contrast and branding consistent with the rest of the store.Default: scheme-1
Choose how Top spacing behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: No, S, M, L, XL.Default: 2
Choose how Bottom spacing behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: No, S, M, L, XL.Default: 2
Choose how Section border behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: None, Top, Bottom, Both.Default: none

​
Best practices

  • Check contrast after changing color schemes so text and controls remain easy to read.
  • Keep labels short and scannable, especially in tighter layouts or utility areas.
  • Adjust layout changes alongside neighboring sections so page rhythm stays consistent.
  • Start with the structural settings first, then refine decorative styling after the layout feels settled.
  • Preview the section with realistic content length to catch spacing and wrapping issues early.