How to activate Popular Items showcase in HUB
Most Popular, shows the trending products on your site. With this tool, users will discover which are the most visited products. All people who access the site will see the same list, made up of popular products, ordered in descending order. To create this list, we will take into account the number of visits for each product.
Enter the Notification HUB module
Select the Showcases tab
Select the Popular Items option
Set up the showcase
Bubble on
Enable or disable the bubble power button.
Define the position
Select the position in which you would like this bubble to appear on your site:
• Left
• Right
Bubble text
Select (optional) a title for the bubble up to 35 characters.
Bubble color
Select a color from the palette
List title
It is the one that will be displayed with the latest products browsed by the user.
Show prices
Activate or deactivate the option
You can visualize the widget in...
Select an option:
• On all pages.
• In a specific one.
• All pages except (define).
Configure the appearance of the showcase
• Select style: rounded or square.
• Select a font.
Click on the Save changes button to finish
Use this option to add your layout in HTML.
Load the HTML for the product container: inside, the products will be displayed by replacing {{ products }} with the list of popular products.
Load the HTML for each product: Each product in 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 display the widget must have the id "wpn-ir-inline". Additionally, links to products must have the "wpn-inline-product-link" class.
You can use the USE DEFAULT SETTINGS button to return to custom mode
You can preview the design of the showcase on the right side of the panel where the version for both Desktop and Mobile will be displayed.
Access
Enter the Notification HUB module
Select the Showcases tab
Select the Popular Items option
Set up
Set up the showcase
Bubble on
Enable or disable the bubble power button.
Define the position
Select the position in which you would like this bubble to appear on your site:
• Left
• Right
Bubble text
Select (optional) a title for the bubble up to 35 characters.
Bubble color
Select a color from the palette
List title
It is the one that will be displayed with the latest products browsed by the user.
Show prices
Activate or deactivate the option
You can visualize the widget in...
Select an option:
• On all pages.
• In a specific one.
• All pages except (define).
Display
Configure the appearance of the showcase
• Select style: rounded or square.
• Select a font.
Click on the Save changes button to finish
Upload HTML
Use this option to add your layout in HTML.
Load the HTML for the product container: inside, the products will be displayed by replacing {{ products }} with the list of popular products.
Load the HTML for each product: Each product in 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 display the widget must have the id "wpn-ir-inline". Additionally, links to products must have the "wpn-inline-product-link" class.
You can use the USE DEFAULT SETTINGS button to return to custom mode
Preview
You can preview the design of the showcase on the right side of the panel where the version for both Desktop and Mobile will be displayed.
Updated on: 07/06/2023
Thank you!