> ## 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.

# Service cards

> Cards for the services around your products, such as protection plans, trade-in, PC assembly and expert help, each with an icon and a link.

![Service cards on the storefront](https://mintcdn.com/kwebby/tbWCv70mkhaUy_7w/images/kelvin/service-cards.webp?fit=max\&auto=format\&n=tbWCv70mkhaUy_7w\&q=85\&s=5b2d4416c07c8a86f4f9ac0cd098a4a9)

Service cards, highlighted with the demo content

## Where to find it

Home page. In the theme editor choose Home page in the page selector, then select Service cards.

## How it works

* Each Card block shows an icon on an accent tile, a title, a short text and a link.
* Icon offers 17 line drawings, such as Shield, Trade in, Wrench, Chat, Truck and Return, or None.
* Text accepts bold, italic and links.
* The link shows only when both Link label and Link are filled. On install the cards have no links.
* Cards share one row on desktop, up to 4 per row; between 750 and 1000 px at most 2 per row; on phones one per row.
* The section is hidden when it has no cards.

![Service cards in the theme editor](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/editor-service-cards.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=296842f9b2ca65a34d0f0111c302bb90)

In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview

## Edit it

* Keep one card per service you really offer and delete the others (up to 8 cards).
* Choose an Icon, then edit Heading and Text in one or two sentences.
* Set Link to the page that explains the service, such as your protection plans or trade-in page, with a short Link label.
* Edit the section Heading.

## Settings

| Setting | What it does |
| - | - |
| **Heading** | Text. Default: Covered before and after you buy. |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. |

## Blocks

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

### Card

| Setting | What it does |
| - | - |
| **Icon** | Options: None, Shield, Trade in, Wrench, Chat, Truck, Return, Payment card, Bolt, Leaf, Gift, Map pin, Mail, Globe, Check, Star, Processor, Monitor. Default: Shield. |
| **Heading** | Text. Default: Protection plans. |
| **Text** | Formatted text (one line). |
| **Link label** | Text. Default: See what it covers. |
| **Link** | Link: a page, product, collection or web address. |

> [!NOTE]
>
> On install the four cards (protection plans, trade-in, PC assembly and gear experts) hold guidance text, such as Say how shoppers can reach your team, instead of real copy. Replace it with what your store offers before you launch.


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