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.
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.
Pagination style	This option allows you to choose how pagination is displayed for product lists. You can select one of the following styles: Dots – Small dot indicators represent each page. Users can click or tap a dot to navigate to the corresponding page. This style is minimal and works well for sliders or compact layouts. Counter – Shows the current page number and the total number of pages (e.g., 2 / 5). Ideal for users who want to know their position within the list. Numbers – Displays clickable page numbers (1, 2, 3, …) allowing users to jump directly to a specific page. This style provides a clear overview of all available pages.

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 two 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.

Enable quick add button

Enable this option to display buttons on product cards.