> 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FlDp2MmZHAAZRBu7dH3Sr%2FFeaturedlist1.jpg?alt=media&amp;token=ad0a7ca7-155d-4df1-a193-b5224c2be27e" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FurjJiv2wuI01ED7FfqFM%2FFeatured%20List%201%20(1).jpg?alt=media&amp;token=c5de199d-7ed1-4241-be45-a262c501d282" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FuuLe8VN3g6sTEYKkGBGc%2FFeatured%20List%202.jpg?alt=media&amp;token=1e6a6d46-d43e-4312-a68c-1a7c493dd4a1" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FKuBq5JVRTT2pZYuTeVZj%2FCountdown%20Timer%20Blocks%203.jpg?alt=media&amp;token=ffae71ba-6b1f-49ae-9a44-111fae623629" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FXQDrBAyLEMxpgP9DlOo5%2FFeatured%20List%203.jpg?alt=media&amp;token=d52496fd-2dec-414a-856f-16ce40340dc3" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FYiOdjq5bfbeLrELFYluY%2FFeatured%20List%204.jpg?alt=media&amp;token=072647ab-d1c5-436a-83c5-2ea1e1c63f94" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FfeuV7xXgtdGDsCMqCpLu%2FFeatured%20List%205.jpg?alt=media&amp;token=6fab07fc-7b75-4d58-8ffe-99604dbc81c8" 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