> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.icommkt.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Popular Items Carousel in Notification Hub

The most popular products will be displayed in carousel format above the site's footer on the home page. In the desktop version, up to 7 products can be shown.

### Access

1. Go to the **Notifications Hub module**

2. Select the **Carousels** function

3. Access the **Most Popular** option

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/popular-items-1_1jnfjom.jpg)

### Setting

You can customize the carousel settings.

1. Choose a title
It will be displayed as the carousel header. For example: "The most chosen products"

2. Link color

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

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/popular-items-2_1yo412f.jpg)

### Display

Configure the look and feel of the carousel

1. Product container border
Select this option to outline the products that will be displayed in the carousel in a box. You can choose a square or rounded style.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/popular-items-3_b15tuz.jpg)

2. Colors
Select:

* Border color

* Background color

* Title color

* Price color

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/popular-items-4_3a52oh.jpg)

### Upload HTML

Use this option to add your HTML design.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/popular-items-5_kejxql.jpg)

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

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/popular-items-6_1y86td2.jpg)

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

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/popular-items-7_hg0qm4.jpg)

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

### Visualization

You can preview the carousel design in the configuration window.

![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/itens-populares-visualizacion_1t8zqk.gif)