Browsing History Carousel in Notifications HUB
The search history will be displayed in a carousel format on the footer that appears on the Home and Product View pages. In the desktop version, up to 10 products can be displayed.
Go to the Notification Hub module
Select the Carousels function
Access the Browsing History option
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"
Link color
Configure the look and feel of the carousel
Product container border
Select this option to enclose the products in a box within the carousel. You can choose a square or rounded style.
Colors
Select:
Border color
Background color
Title color
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 triggering the widget display action 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![]
You can preview the carousel design in the configuration window.
Access
Go to the Notification Hub module
Select the Carousels function
Access the Browsing History 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"
Link color
Display
Configure the look and feel of the carousel
Product container border
Select this option to enclose the products in a box within the carousel. You can choose a square or rounded style.
Colors
Select:
Border color
Background color
Title 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 triggering the widget display action 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![]
Preview
You can preview the carousel design in the configuration window.
Updated on: 12/12/2023
Thank you!