Articles on: Notifications HUB

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.


Access


  1. Go to the Notification Hub module
  2. Select the Carousels function
  3. Access the Browsing History option



Settings


You can customize the carousel settings.


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


  1. Link color



Display


Configure the look and feel of the carousel


  1. Product container border


Select this option to enclose the products in a box within the carousel. You can choose a square or rounded style.



  1. 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

Was this article helpful?

Share your feedback

Cancel

Thank you!