Complementary products
To select complementary products, add the Search & Discovery app. Learn more
| Setting | Description |
| Bottom space | You can adjust space after “Complementary products” block using this option:
|
| Heading font family: |
In Theme Settings, you can assign a different font family to headings and body text. This option allows you to customize the visual style of your heading by selecting heading or body styles. For some headings, it might be more effective to apply the body text style instead of the designated heading font. This choice depends on how well the font families harmonize and the overall appearance you want to achieve. |
| Heading | You can keep the suggested heading or enter an informative heading for complementary products. This heading will provide customers with a clear understanding of the related products featured in this section. |
| Block heading weight | Font weight defines the thickness or boldness of text on your store. Available options for heading:
|
| Maximum products to show | This setting determines the maximum number of products that will appear on the page. You have the flexibility to select a range from 1 to 10 products. |
| Button style | In Shopify, the Button style can be customized by using the primary and secondary button color sets, which are defined in the theme settings. These color sets allow you to style buttons consistently across your store. |
| Button outline | None: The button has no outline. It appears flat, with just the background color and text, giving it a clean, minimal look. Outline: The button has a visible border around it, but the background is transparent. Outline on Hover: The button appears flat without a border or background initially. However, when the user hovers over it, a visible border appears, and the button's background remains transparent. |
Product card
| Setting | Description |
| Color scheme | Color Scheme allows you to customize every aspect of your theme's colors in the settings. When you apply a color scheme to a specific block like product cards, it automatically updates all associated colors for a cohesive and professional look across your website. |
| Image ratio | The “Image ratio” setting allows you to control how images are displayed on your website based on their width-to-height ratio. You have two options to choose from:
|
