How to Add, Customize and Publish a New Shopify Theme (Without Breaking Your Store)

Your theme controls how every page of your Shopify store looks: the homepage, collections, product pages, cart and more. A better theme can make a store look more trustworthy and sell more. Switch carelessly, though, and you can confuse customers, lose app features or publish a half-finished design.

This guide follows the video above and shows the safe workflow I use on client stores to change a Shopify theme: back up, build in the theme library, test properly and only then publish.

The one idea you need: live theme vs theme library

A Shopify store always has exactly one live (published) theme, the one customers see. You can also keep other themes in your theme library. Themes in the library are drafts: you can edit and preview them as much as you like without affecting the live store.

So the rule is simple: never redesign the live theme directly. Build the new design in the library, test it, then publish it in one click.

Step 1: Back up your current theme

1. In the Shopify admin, go to Online Store > Themes.
2. Next to your current theme, open the … (actions) menu and choose Duplicate.
3. Rename the copy with the date, such as "Backup before redesign, Oct 2026".
4. For extra safety, use Download theme file from the same menu; Shopify emails you a zip copy.

If anything goes wrong later, you can publish the backup in seconds.

Step 2: Add the new theme

Option A: a theme from the Shopify Theme Store

1. On the Themes page, click Add theme and choose to explore the Theme Store (or start from the free themes shown on the page).
2. Filter by catalog size, industry and features such as mega menus, product filtering or color swatches.
3. Open a theme's demo on your phone to check speed and layout.
4. Click Try theme to add it to your library without publishing. Paid themes can usually be tried before you buy.

Option B: upload a theme zip file

If you bought a theme elsewhere, click Add theme > Upload zip file on the Themes page and select the file. Only upload themes from trusted developers: a poorly coded theme can slow your store, break features or contain hidden code.

Step 3: Customize the theme in the editor

Click Customize on the new theme in your library to open the theme editor.

• Theme settings (the gear or brush icon): colors, typography, logo, favicon, social links, cart behavior and product card style.
• Sections and blocks: add, remove and reorder content such as image banners, featured collections, testimonials, newsletter sign-ups and FAQ sections.
• Templates: use the page selector at the top of the editor to customize the product page, collection page, cart, blog post and search templates, not only the homepage.

Tip: customize the product page template first. It is where buying decisions happen, and many store owners forget to edit it. Add delivery and returns information near the add-to-cart button. Our product page optimization guide lists what to include.

Step 4: Re-create what lives inside the old theme

Some things are stored in the store and carry over automatically: products, collections, pages, blog posts and navigation menus. Others live inside the theme and need to be set up again:

• Homepage sections and their content.
• Theme settings such as colors, fonts and logo.
• Custom code or CSS added to the old theme.
• App blocks and app embeds.

Navigation menus are managed under Content > Menus (or Online Store > Navigation on some stores), not inside the theme. Check them after switching.

Step 5: Check your apps

Modern apps add features through app blocks (placed inside sections) and app embeds (switched on in theme settings). After installing a new theme, open the editor and turn on the embeds and blocks for reviews, chat, upsells and other apps. Older apps that injected code directly may need their setup steps repeated.

Step 6: Preview properly on desktop and mobile

1. Use the device toggle in the editor to check the mobile layout. Most shoppers browse on phones.
2. Click Preview to open the unpublished theme in a new tab.
3. Walk through a real customer journey: homepage, collection, product, add to cart, cart, checkout.
4. Test search, filters, variant selection and the newsletter form.
5. Share the preview link with a colleague or friend for a fresh pair of eyes.

Step 7: Publish

When everything looks right, return to Online Store > Themes, open the actions menu on the new theme and choose Publish. The old theme moves into your library, so you can switch back instantly if something unexpected appears.

Tip: publish at a quiet time of day, not during a sale or launch, and watch your first few orders closely.

How to choose the right Shopify theme

• Catalog size: some themes are built for a few hero products, others for hundreds of items with filters.
• Built-in features: mega menus, filters, swatches, quick view and size charts that would otherwise need apps.
• Speed: open the demo on your phone with mobile data. If it feels slow, move on.
• Support and updates: well-supported themes get updates when Shopify adds new features.

Mistakes to avoid

• Editing the live theme during a big redesign.
• Forgetting to update menus, the favicon or the footer.
• Uploading huge, uncompressed banner images that slow every page.
• Keeping apps you no longer use. Uninstall them so they stop loading scripts.
• Copying a competitor's design exactly instead of designing around your own products.

New to Shopify? Start with what Shopify is and how it works. Once your new theme is live, run through the Shopify launch checklist to make sure nothing was missed.