# 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.smind.io/in-app/library/product-blocks/featured-list.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.