Product recommendations

What is the Product recommendations section?

The Product Recommendations Section is a curated showcase designed to enhance the shopping experience by suggesting items that complement the customer's current browsing or previous purchase history.

Main settings

• Heading: Customize the header of the section to encapsulate the essence of your recommended products. This title sets the stage for the curated selection that follows.
• Disable on Mobile: Toggle this option to hide the product recommendations on mobile devices, ensuring a cleaner and more focused shopping experience for users on the go.
• Maximum Products to Show: Adjust the slider to set the total number of products displayed within the recommendations carousel, allowing you to control the variety without overwhelming the customer.
• Products per Slide on Desktop: Determine how many products to display per slide on desktop views. This slider allows you to balance detail and breadth, ensuring each product has adequate visibility.
• Make Products Full Width: Check this to span the product images across the full width of the screen, offering an expansive and bold presentation on larger displays.
• Show Secondary Image on Hover: Enable this to reveal a second image when customers hover over a product, providing an interactive way to view more details without leaving the section.
• Products per Slide on Mobile: This slider adjusts the count of products displayed in a single slide within the mobile carousel. Tailor the number to ensure optimal visibility and scrolling on handheld devices.
• Text Alignment: Choose the alignment of the product titles and descriptions to best suit your design. 'Center' gives a balanced look, while 'Left' aligns text to the traditional reading flow.
• Image Ratio: Select the preferred aspect ratio for product images to maintain consistency in presentation. 'Adapt to Image' retains the original aspect ratio, 'Portrait' suits taller images, and 'Square' offers a uniform, grid-like appearance.
• Show Vendor: Check this to display the manufacturer or brand name below the product, adding a layer of information that can influence buyer decisions.
• Show Product Rating: Enable this to feature customer ratings on each product, providing social proof and influencing purchasing choices. Requires integration with a product rating app.
• Enable Color Swatches: This option introduces color swatches on the product recommendations, allowing customers to view and select from available colors directly from the carousel.
• Enable Custom Text Color: Toggle this feature to personalize the color of the text in your product recommendations. The hex code allows for precise color matching with your brand's palette.
• Text Color: This shows the current color selection for your text. Input a hex code here to specify the exact hue for product names and details, ensuring readability and aesthetic harmony.
• Enable Background Color: Switch this on to apply a custom color to the background of your product recommendations section, setting a distinctive tone or mood.
• Background Color: Here's where you can define the specific background color using a hex code, offering an opportunity to create contrast or maintain a visual theme.
• Top Distance: Slide to adjust the space above the product recommendations, providing breathing room and a clean separation from other content.
• Bottom Distance: Similarly, this slider controls the space below the section, allowing you to ensure visual balance and flow on the page.

Mobile view example