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

# PC Builder entry

> The way into the PC Builder: a short pitch with its checks, a start button, ready-made preset builds with their totals, and a link back to a shopper's build in progress.

![PC Builder entry on the storefront](https://mintcdn.com/kwebby/tbWCv70mkhaUy_7w/images/kelvin/pc-builder-entry.webp?fit=max\&auto=format\&n=tbWCv70mkhaUy_7w\&q=85\&s=7a5d655486316866da33a74a114ee9f9)

PC Builder entry, highlighted with the demo content

![PC Builder entry in dark mode](https://mintcdn.com/kwebby/tbWCv70mkhaUy_7w/images/kelvin/pc-builder-entry-dark.webp?fit=max\&auto=format\&n=tbWCv70mkhaUy_7w\&q=85\&s=a18a6407f212a3685db055111af2ed8e)

PC Builder entry in dark mode

## Where to find it

Sixth section of the Home page template. In the theme editor choose Home page in the page selector, then select PC Builder entry. Its buttons need the PC Builder page chosen in [Theme settings → PC Builder](https://docs.kwebby.com/kelvin/theme-settings/pc-builder.md): a page that uses the pc-builder template (page.pc-builder).

## How it works

* The copy side shows the Label and Small heading, the Heading, the Text and the Checks list with a tick before each line.
* Button label opens the PC Builder page. Second button label and Second button link add another button, such as a prebuilt PC; with either empty it is hidden.
* Each Preset build block is a card with its image, Name, Note and a From price, the sum of the current prices of its Parts. The card opens the PC Builder with those parts already in their slots.
* When a shopper has a build in progress, saved on their device by the PC Builder, a line such as Continue your build: 7 parts, with the total, links back to it.
* Without a PC Builder page the start button is hidden and the presets are not links; the theme editor shows a note.
* The panel uses the dark Stage color scheme (Scheme 3) by default. Presets sit in two columns beside the copy, move under it in four columns below 1100 px, and go back to two columns below 900 px.

![PC Builder entry in the theme editor](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/editor-pc-builder-entry.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=bfa121a11c3a7dcaace50767b2378d65)

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

## Edit it

* Create the PC Builder page first: Online Store → Pages → Add page, choose the pc-builder template, then pick the page in Theme settings → PC Builder → PC Builder page.
* Add up to six Preset build blocks. Name each by what it is for, such as 1440p sweet spot, and use Note for the main parts.
* Choose the Parts (up to 12 products), one per builder slot, all in stock. The builder puts each part in the first slot whose collection holds it and tells the shopper about any part it had to leave out, such as one that is sold out or in no slot.
* Use an Image of the finished build in 16:9. Empty, the first part's photo is used.
* Keep the Checks list to two or three short lines.

## Settings

> [!TIP]
>
> Buttons and presets link to the PC Builder page set in Theme settings, PC Builder.

| Setting | What it does |
| - | - |
| **Label** | Text. Default: Tool. |
| **Small heading** | Text. Default: PC Builder. |
| **Heading** | Text. Default: Build a PC that fits the first time. |
| **Text** | Formatted text. |
| **Checks list** | Text (several lines). One per line. Default: Over 20 checks, each with its reason Live wattage estimate. |
| **Button label** | Text. Default: Start from scratch. |
| **Second button label** | Text. Default: Buy it built. |
| **Second button link** | Link: a page, product, collection or web address. For example a prebuilt PC product. Leave empty to hide the button. |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Colors the builder panel. Default: Scheme 3. |

## Blocks

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

### Preset build

| Setting | What it does |
| - | - |
| **Name** | Text. Default: 1440p sweet spot. |
| **Note** | Text. A short line under the name, such as the main parts. |
| **Image** | Image: upload one or choose from Content → Files. Leave empty to use the first part's photo. |
| **Parts** | Choose products. The total is the sum of the parts' prices. The link opens the builder with these parts in their slots. |

> [!NOTE]
>
> The From price counts every part at its current price, sold out or not. Keep preset parts in stock so the total matches what the builder adds.
>
> The four presets on install have names but no parts, so they show no price. Add parts or delete them before you launch.


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