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

# Install the theme

> Add Kelvin to your store, preview it, and publish when you are ready.

You can add Kelvin to your store without changing what your customers see. A new theme arrives **unpublished**: you can edit and preview it while your current theme stays live.

## Upload the theme file

**1. Open your themes**

In your Shopify admin, go to **Online Store → Themes**.

![The Themes page in the Shopify admin](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/admin-themes.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=9f484d41538b523bdb17dcf64568076f)

Online Store → Themes: 1 Import, under Draft themes · 2 your current theme

**2. Upload the ZIP file**

Under **Draft themes**, click **Import → Upload zip file**, choose the `Kelvin-0.1.0.zip` file you received, and click **Upload file**. Do not unzip it first.

![The Upload zip file option](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/admin-upload.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=c31ead51d4f29e06d7a6bf2f8614bccb)

1 Import · 2 Upload zip file

**3. Wait for it to finish**

Kelvin appears in your theme library with an **Unpublished** label when the upload is done. It usually takes under a minute.

**4. Preview and customize**

Click **Customize** (or **Edit theme**) to open the theme editor, or **⋯ → Preview** to see it as a customer would. Nothing changes on your live store until you publish.

**5. Publish when you are ready**

Click **⋯ → Publish** in the theme library. Your previous theme stays in the library, so you can switch back at any time.

> [!TIP]
>
> Before publishing, preview on your phone as well as your computer, switch between light and dark mode with the monitor in the utility bar, add a product to the cart, and try the compare boxes on a collection page.

## Set up in this order

1. [Set up your products](https://docs.kwebby.com/kelvin/getting-started/set-up-products.md): options and swatches, spec metafields, tags.
2. Create your [pages and templates](https://docs.kwebby.com/kelvin/guides/pages-and-templates.md), including the PC Builder and compare pages, then choose them in **Theme settings → PC Builder** and **Theme settings → Compare**.
3. Build your [menus](https://docs.kwebby.com/kelvin/guides/menus-and-mega-menu.md): the main menu drives the departments mega menu.
4. Add [filters](https://docs.kwebby.com/kelvin/guides/search-and-discovery-filters.md) with Search & Discovery.
5. Pick your colors and default mode in [Colors](https://docs.kwebby.com/kelvin/theme-settings/colors.md), then fill in the home page sections from the [Hero](https://docs.kwebby.com/kelvin/sections/hero.md) down.
6. Set up the [PC Builder](https://docs.kwebby.com/kelvin/guides/pc-builder.md) if you sell PC parts, and [Care+ plans](https://docs.kwebby.com/kelvin/guides/care-plus-protection-plans.md) if you offer protection.
7. Turn on any promotions you want, such as the [Deal countdown](https://docs.kwebby.com/kelvin/sections/deal-countdown.md) or the [Promo popup](https://docs.kwebby.com/kelvin/sections/promo-popup.md).

## Want the demo store look?

A fresh install starts with placeholders, so your own products show from the start. To start from the full demo instead, follow [Import the demo content](https://docs.kwebby.com/kelvin/getting-started/demo-content.md).


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