Appearance
Related products ​
This guide describes the Related products section.
For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks.
Configure the Related products section ​
To configure your Related products section:
Go to Customize theme.
In Theme editor, at the top of the page, use the dropdown to select Products > Default product OR Products > Preorder.
Note
The section is available only on the Products > Default product OR Products > Preorder page template.
From the side menu, select Related products.
Select a setting described in the following table.
| Setting name | Description |
|---|---|
| Display on card | Set the Display on card checkbox to on or off. Note that the section's dynamic recommendations use order and product information to change and improve over time. |
| Enable quick buy | Set the Enable quick buy checkbox to on or off. |
| Title | In the Title text box, enter (title) text to display. |
| Number of products | Use the Number of products options to select 3 Products, 4 Products or 6 Products. |
| Product grid > Image aspect ratio | Use the Image aspect ratio options to select Same as theme settings, Natural, Landscape, Square or Portrait. |
| Product grid > Image shape | Use the Image shape options to select a shape. For example, select Same as theme settings, Default, Rounded nonagon, or Pixelated. Selecting some shapes will crop the image. |
| Color > Color scheme | Use the Color scheme selector to select a color scheme. |
| Color > Theme settings (link) | Follow the Theme settings link to open Theme editor's Color theme settings. Use the settings to edit the theme colors for your entire store. |
| Color > Use gradient for background | Set the Use gradient for background checkbox to on or off. |
| Theme settings | If available, select Theme settings to access additional settings for the section. Refer to Section theme settings menu. |
| Custom CSS | Select Custom CSS. In the box, enter custom CSS styles to apply only to the current section. Refer to Shopify help: Add custom CSS. To apply custom styles to your entire online store, refer to Theme settings > Custom CSS. |
| Remove section | Select Remove section to delete the section from the current page. |