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.
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.
Pagination style

Three different styles can be used for pagination styles, try to choose the best solution for your design:

  • Arrows
  • Counter
Product card:
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.
Enable quick add button Enable this button to give customers an opportunity to add complementary products to the cart and buy with a main product.
Product settings:
Font weight

This option allows you to adjust the font weight for headings in product cards:

  • Regular
  • Medium
  • Semi Bold
  • Bold


Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us