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.
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	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. Tall view: Sets the image ratio to a taller aspect, making images appear taller than they are wide. Images are taller than portrait images.
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.

No results found