> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Product benefits

> Up to six short cards, each with an icon, heading and text, that explain what to look for in your products.

<Frame caption="Product benefits, highlighted on the demo store">
  <img src="https://mintcdn.com/kwebby/C74euD6erxKg5PtE/images/puggy/product-benefits.webp?fit=max&auto=format&n=C74euD6erxKg5PtE&q=85&s=f82f0a2b78047564788ea95b464602af" alt="Product benefits on the storefront" width="2160" height="1350" data-path="images/puggy/product-benefits.webp" />
</Frame>

## Where to find it

Home page. Choose Home page in the top page selector, then select Product benefits. Add it to other pages with Add section > Product benefits.

## How it works

* Each Benefit block shows an icon (Paw, Bone, Heart, Package or Check), a heading and text.
* The eyebrow, heading and introduction are centered above the cards; blank fields are hidden.
* Cards fade in as they scroll into view when scroll animations are on.
* Holds up to six benefits. The default color scheme is Scheme 2 (peach).

<Frame caption="In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview">
  <img src="https://mintcdn.com/kwebby/C74euD6erxKg5PtE/images/puggy/editor-product-benefits.webp?fit=max&auto=format&n=C74euD6erxKg5PtE&q=85&s=81dd5c200b63d7517df33ed55dfe8c4e" alt="Product benefits in the theme editor" width="1425" height="786" data-path="images/puggy/editor-product-benefits.webp" />
</Frame>

## Edit it

* Click Add block > Benefit, choose an Icon, and write the Heading and Text.
* Drag blocks to reorder them.
* Edit the section Eyebrow, Heading and Introduction.

## Settings

| Setting | What it does |
| - | - |
| **Eyebrow** | Text. Default: Little details. Lots of love. |
| **Heading** | Text. Default: Good choices start with the little things. |
| **Introduction** | Formatted text. Use only product statements you can substantiate. Avoid unsupported health, certification or comparison claims. |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 2. |
| **Top spacing** | Slider from 0 to 120 px, in steps of 4. Default: 56 px. |
| **Bottom spacing** | Slider from 0 to 120 px, in steps of 4. Default: 64 px. |

## Blocks

Up to 6 blocks. Add a block with **Add block** under the section in the sidebar; drag blocks to reorder them.

### Benefit

| Setting | What it does |
| - | - |
| **Icon** | Options: Paw, Bone, Heart, Package, Check. Default: Paw. |
| **Heading** | Text. Default: The little details. |
| **Text** | Formatted text. |

<Note>
  Only state benefits you can back up. Avoid health, certification or comparison claims you can't support.
</Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.