Complementary products

To select complementary products, add the Search & Discovery app. Learn more

Setting	Description
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.
Heading font weight	Select the desired font weight for the heading from the dropdown menu: Normal Medium Semi bold Bold
Show as collapsible row	Swipe the button to the right if you want to display this content as a collapsible row rather than just a heading.
Icon	Choose an icon from the provided list to accompany the collapsible row. Icons can add visual cues to the content. *Visible when a collapsible row is displayed.
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.
Number of products per page	This setting determines the number of products that will be shown side by side on the page. You have the flexibility to select a range from 1 to 4 products.

Product card

Setting	Description
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 several options to choose from: Portrait: This option crops the images to use a 2:3 ratio, creating a taller appearance with a width that is 2/3 of its height. Square: This option crops the images to use a 1:1 ratio, creating a square-shaped display with equal width and height. Landscape: This option crops the images to use a 3:2 ratio, creating a wider appearance with a width that is 1.5 times the height.
Enable quick add button	Enable this button to give customers an opportunity to add complementary products to the cart and buy with the main product.
Font family	In the Typography section of the theme settings, you can assign different font families for headings and body text. This option allows you to choose which font family to use for the heading. Simply select your preferred style: Heading or Body.