Complementary products block

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 size

The heading size setting offers three options to control the size of the heading:

  • Small
  • Medium
  • Large
Show as collapsible row Check this box if you want to display this content as a collapsible row rather than just a heading.

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

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

  • Dots
  • Counter
  • Numbers
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.
Show quick add button Show this button to give customers an opportunity to add complementary products to the cart and buy with a main product.
Block position

You can show complementary products in different blocks:

  • In sidebar
  • Under media
  • Under product
Background color

Choose the background color for complementary products block:

There are six options: Background main, Background section 1,2,3,4,5. Colors for these backgrounds can be set in the Theme Settings/Colors block.

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