Recommendation Carousel in Notifications HUB

Translation:

The recommended products will be displayed in a strip above the footer section on the product sheets. Remember that changes may take up to 24 hours to impact your site, due to internal processes that must be executed by machine learning.

Access

Go to the Notifications Hub module
Select the Carousels function
Access the Recommended option

Settings

You can customize the carousel settings.

Choose a title
It will be displayed as the carousel header. For example: "People who viewed this product also viewed"

Show prices
With this option, you can choose whether to display the prices of the most popular products or not.

Display

Configure the look and feel of the carousel.

Product container border

Select this option to enclose the products that will be displayed in the carousel in a box. You can choose square or rounded style.

Colors

Select:

Border color
Background color
Title color
Price color

Upload HTML

Use this option to add your HTML design.

Upload HTML for the product container:
Inside, the products will be displayed by replacing {{products}} with the list of popular products.

Upload HTML for each product:
Each product of the {{products}} tag will be replaced by this code. Within this HTML, the texts {{name}}, {{description}}, {{price}}, {{image}}, {{url}} will be replaced by the title, description, price, image, and URL of each product.

Important! The link that triggers the action to show the widget must have the id "wpn-ir-inline". Additionally, links to products should have the class "wpn-inline-product-link".

You can use the USE DEFAULT SETTINGS button to return to the custom mode.

Visualization

You can preview the carousel design in the configuration window.

Updated on: 12/12/2023

Was this article helpful?

Thank you!