Icon List is a Shopify theme section in the Section Star library. Display a list of trust badges, certifications, or features. Choose from 25+ pre-built icon options.
About the Icon List section
The Icon List section is a versatile and visually appealing layout feature that allows you to present information or features with associated icons. Ideal for highlighting key services, benefits, or features, this section can be customized to match the design aesthetic of your Shopify store.
Live demo
Use cases
- Highlight Store Features: Use the Icon List to showcase important store features like free shipping, secure payments, and easy returns.
- Product Benefits: Display the benefits of a product such as eco-friendliness, high quality, and warranty information.
- Service Descriptions: Outline the services you offer, such as customer support, express delivery, and gift wrapping.
- Promotional Elements: Use icons to draw attention to sales, new arrivals, or limited-time offers.
- Brand Values: Highlight your brand's values like sustainability, craftsmanship, and community support.
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Grid Design
Set the display of grid
| Setting | Type | Default |
|---|---|---|
| Columns on Desktop | Select (1 column, 2 columns, 3 columns, 4 columns) | 1fr |
| Columns on Mobile | Select (1 column, 2 columns, 3 columns, 4 columns) | 1fr 1fr |
Icon Design
Set the display of icon
| Setting | Type | Default |
|---|---|---|
| Headline Size | Range | 18 |
| Icon Shape | Select (Square, Rounded, Circle) | circle |
| Icon Padding | Number | 25 |
| Icon Size | Range | 40 |
| Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… |
| Icon Color | Color | #fff |
Image and Video Icons
Set how image and videos appear in the icons
| Setting | Type | Default |
|---|---|---|
| Media Fit | Select (Contain, Cover, Size) | cover |
| Media Height (if Size selected) | Number | — |
Grid Design
Set the display of the grid
| Setting | Type | Default |
|---|---|---|
| Gap Between Columns | Number | 20 |
Headline
Set text for the headline
| Setting | Type | Default |
|---|---|---|
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Sample Headline</b> |
| Text | Inline rich text | Use this block to add a description. … |
| Spacing between Headline and Features | Number | 15 |
Icon block settings
| Setting | Type | Default |
|---|---|---|
| Icon | Select (No Icon, Cart, Gift, Gift Card, Shipping, Payment…) | tag |
| Headline | Inline rich text | <b>Headline</b> |
| Text | Inline rich text | Some followup text to build on the fe… |
| Link (optional) | URL | — |
Image block settings
| Setting | Type | Default |
|---|---|---|
| Image | Image | — |
| Headline | Inline rich text | <b>Headline</b> |
| Text | Inline rich text | Some followup text to build on the fe… |
| Link (optional) | URL | — |
Video block settings
| Setting | Type | Default |
|---|---|---|
| Video | Video | — |
| Play Inline | Checkbox | On |
| Autoplay | Checkbox | On |
| Loop Video | Checkbox | On |
| Show Video Controls | Checkbox | Off |
| Mute Video | Checkbox | On |
| Headline | Inline rich text | <b>Headline</b> |
| Text | Inline rich text | Some followup text to build on the fe… |
| Link (optional) | URL | — |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Icon List”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.