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

# Protection plans

> Cards for your protection plans with prices taken from the plan products, a summary of the chosen plan and a comparison table built from what each plan covers.

![Protection plans on the storefront](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/care-plans.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=f997f107688bfb5991666a799861679f)

Protection plans, highlighted with the demo content

## Where to find it

The care template (page.care), shown on the demo at /pages/care. Create a page in **Online Store → Pages**, choose **care** under **Theme template** and save. In the theme editor choose **Pages**, then **care**, and select **Protection plans**.

## How it works

* Each Plan block is a card showing the Purchase option, the name, the price and the Details line. Shoppers pick a card to highlight its column in the table and update the summary line under the cards, which screen readers announce. Nothing is added to the cart from this section.
* The price comes from the Plan product: the variant whose name contains Variant, else the first available variant. With Price as a subscription it is the price of the product's first selling plan. Price text replaces the price, and Price suffix follows it, such as / month.
* A blank Name uses the variant name, or the product title when the product has no variants.
* The summary shows Summary when chosen, or else the name, price and Length of cover, followed by a See link to the plan product.
* The table lists Price, Purchase option and Length of cover, then one row for each label in What is covered, in the order the labels first appear. A plan without that label shows a dash.
* Up to four plans sit side by side; under 1000 px two per row, under 750 px one. The table scrolls sideways on small screens.
* Link id plans lets the page heading's Plans link jump here.

![Protection plans in the theme editor](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/editor-care-plans.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=6ccd916077ad0d9b9c0ff4c04b4a1d42)

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

## Edit it

* Create a product for each plan (or one product with a variant per length), then choose it in Plan product.
* Type What is covered as one Label: value line per row, such as Accidental damage: 2 claims every 12 months, using the same labels for every plan so the rows line up.
* For a monthly plan, tick Price as a subscription and set Price suffix to / month. The product needs a selling plan, which a subscriptions app adds.
* Fill in Purchase option, Length of cover and Details line on each plan.
* Edit Heading, Text, Table caption and Small print, or untick Show the comparison table.

## Settings

| Setting | What it does |
| - | - |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. |
| **Link id** | Text. Lets a link such as #plans jump to this section. Letters, numbers and hyphens. Default: plans. |
| **Heading** | Text. Default: Protection plans. |
| **Text** | Formatted text. |
| **Show the comparison table** | On or off. Default: on. |
| **Table caption** | Text. Default: Plans compared. |
| **Small print** | Formatted text. |

## Blocks

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

### Plan (up to 4)

| Setting | What it does |
| - | - |
| **Plan product** | Choose a product. The product sold as this plan. Its price shows on the card. |
| **Variant** | Text. Part of the variant name to price, such as 3 years. Leave blank for the first available variant. |
| **Price as a subscription** | On or off. Uses the price of the product's first selling plan. Default: off. |
| **Price text** | Text. Shown instead of the product's price, or when no product is chosen. |
| **Price suffix** | Text. Such as / month. |
| **Name** | Text. Leave blank to use the variant or product name. Default: 2 years. |
| **Purchase option** | Text. Default: One-time purchase. |
| **Length of cover** | Text. Default: 24 months. |
| **Details line** | Text. A short line under the price, such as One payment. |
| **Summary when chosen** | Formatted text (one line). Leave blank to show the name, price and length of cover. |
| **What is covered** | Text (several lines). One row per line, written as Label: value. Rows with the same label line up in the table. Default: Accidental damage: Say how many claims a plan allows Express swap: Say how fast a replacement ships. |

> [!NOTE]
>
> Shoppers add a plan on the product page or in the cart: Kelvin offers the plans listed in a product's custom.protection\_plans metafield (a list of products) and adds the chosen plan as its own cart line naming the product it covers. This section explains and compares the plans.
>
> On install the three plans have no product chosen, so no price shows until you pick a Plan product or type a Price text. Their What is covered lines are placeholder guidance, such as Accidental damage: Say how many claims a plan allows.


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