> For the complete documentation index, see [llms.txt](https://docs.smind.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.smind.io/in-app/library/product-blocks/featured-list.md).

# Featured List

The Featured List display a clean and icon-led list of bullet points, it's perfect for spotlighting key perks or guarantees right on your product page or landing section.

<figure><img src="/files/MKiKugjoKMSSYiisU46f" alt=""><figcaption></figcaption></figure>

## **Key Features**

* Flexible Column Layouts: Display your list in one, two, or more columns to fit perfectly under your description or beside your images.
* Icon Items: Choose from a built-in library of checkmarks, shields, badges, or upload your own SVG/PNG

## Benefits

* Builds Trust & Credibility: Displaying guarantees, policies, or standout features in a clear list reassures customers and reduces hesitation.
* Boosts Conversions: Highlighting the benefits right when they’re deciding, they feel safer so that they are are more likely to click “Add to cart.”

## How To Use?

1. After installing the **Featured Lists** blocks. Going to the Shopify Editor sidebar, select the product page temple, click **Add Section** in the **Template** tab.
2. Choose the **Featured Lists** block

<figure><img src="/files/87JF6IMUwL0sul6jxGLv" alt=""><figcaption></figcaption></figure>

3. Copy the block ID. For example: **smi-block-featured-list-1**

<figure><img src="/files/UGsZH1Bg6wRWmYsrgIfG" alt=""><figcaption></figcaption></figure>

4. On the **Product Detail** sections, click **Add Block** and add **Smind Block** to the section

<figure><img src="/files/yuTygK6xuINfMRb8rLo8" alt=""><figcaption></figcaption></figure>

5. On the **Smind Block**, insert the block ID of featured list which is **smi-block-featured-list-1** to the Section ID and change the block name if you want.

<figure><img src="/files/I7z20rtjh2UbXCUxol1S" alt=""><figcaption></figcaption></figure>

6. Next, you can rearrange the relevant blocks within the product detail sections

<figure><img src="/files/FhOmOJcsl83p984U5uBH" alt=""><figcaption></figcaption></figure>

7. Finally, let's start to customize the **Featured List** block

<figure><img src="/files/TXF6FhAQs1byozaZlVwP" alt=""><figcaption></figcaption></figure>

**General Settings of Featured List**

* Block ID: The unique ID of featured lists
* Content Max Width: Set the maximum width of the timer’s content area can stretch to.
* Columns on desktop: Choose how many columns of list items to show side-by-side when viewed on a desktop.
* Columns on mobile: Same idea, but for mobile views.
* Text size: Preset font sizes for your list text.
* Icon size: The pixel size of the bullet icon that appears next to each item.
* Item gap: The vertical space between each list entry.
* Color Scheme: Applies one of your color scheme to text and icons.
* Icon: Change the icon's color
* Top margin: Adds blank space above the list.
* Bottom margin: Adds blank space below the list.

**Settings of Featured Items**

* Icon: Pick one of the built-in icons from Smind’s library
* Upload icon: Upload your icon and make sure using a recommended size which is 128x128 PNG file format.
* Text: Enter the label or caption for this feature