Getting started

Install Nappa from the Shopify Theme Store, choose a preset, replace the demo content, publish your store and keep the theme up to date.

Before you start

Nappa is an Online Store theme. It works without any app. Some features use data that free Shopify apps or other apps create:

Shopify Search and Discovery (free): filters on collection and search pages, and complementary products on product pages and in the cart.
A product reviews app: star ratings on product pages and product cards.
A subscription app, such as Shopify Subscriptions: subscription options on product pages.
Shopify Translate and Adapt (free): translations of your own content.

Choose a preset

Nappa comes with five presets. A preset is a starting point: it sets the theme settings, the header and the home page. Every section, block and setting is available in every preset, so you can change anything later.

The five Nappa presets
Preset	Made for	Look	Home page sections
Nappa	Fashion, editorial luxury	Fraunces and Instrument Sans, square corners, portrait product images, italic emphasis	Hero, Service highlights, Featured collection, Lookbook, Shop the look, Collection list, Image with text, Featured product, Blog posts
Mousse	Beauty	Figtree, rounded corners, pill buttons, square images framed on a surface, floating header and footer	Hero, Service highlights, Featured collection, Multicolumn, Featured product, Image with text, Testimonials, FAQ
Loden	Home, interiors	EB Garamond and Work Sans, soft corners, wide page, portrait product images	Hero, Service highlights, Collection list, Lookbook, Shop the look, Featured collection, Image with text, Blog posts
Bouncy	Sport, playful brands	Unbounded and Plus Jakarta Sans, round corners, pill buttons, floating header and footer, visible search bar in the header	Slideshow, Service highlights, Collection list, Logos, Featured collection, Featured product, Featured collection, Multicolumn, Blog posts, FAQ, Product comparison
Urushi	Tech, office	Black and white, Inter, small corners, square product images, underlined emphasis	Hero, Service highlights, Featured collection, Featured product, Collection list, Multicolumn, FAQ

To see a preset before you choose, open its demo store from the Nappa page in the Shopify Theme Store.

Install the theme

Open the Nappa page in the Shopify Theme Store.
Select a preset.
Click Try theme to add a free trial copy to your store, or buy the theme.
In your Shopify admin, go to Online Store > Themes. Nappa is in your theme library.
Click Customize to open the theme editor.

You can try a theme for free, but you need to buy it before you publish it. See Adding themes in Shopify Help.

To try another preset, add Nappa again with the other preset selected. A new copy appears in your theme library, and your current copy stays as it is.

What does not transfer from the demo store

The demo stores show the theme with sample products, photos and text. Installing the theme copies its settings and section layout, not the content of the demo store. These items stay in the demo store:

Products, collections, product images and prices.
Images placed in sections, such as the hero, lookbook or mega menu images.
Blog posts, pages, menus and metafields.
Filters and complementary products, which are set in the Search and Discovery app.
Reviews, subscriptions, markets, languages and discounts.

Until you choose your own content, sections show placeholder illustrations or stay empty. This is expected.

Replace the sample content

Work through each template in the theme editor. Use the page selector at the top of the editor to switch between the home page, product pages, collection pages and other templates.

Home page: choose your images, collections and products in each section. Remove the sections you don't need.
Header: choose your menu, then set up the mega menu if you want one. See Header and footer.
Product pages: choose the page for the Size guide block, and check every text.
Footer: choose your menus and write your brand text.

Check every promise. Some sections include sample text such as "Free returns within 30 days" or "Free shipping over $150". Change these texts to match your real policies and shipping rates, or remove them. Look in the announcement bar, Service highlights, and the Highlights and Collapsible row blocks of the product page.

Suggested setup order

Upload your logo and favicon: Brand.
Set your color schemes and fonts: Colors and Typography.
Create your menus in the Shopify admin, then choose them in the header and footer.
Fill the home page sections.
Set up product pages: variants, swatches, size guide, recommendations. See Product pages.
Add filters with the Search and Discovery app. See Filters.
Set the cart options and the free shipping threshold. See Cart.
Write your store policies in the Shopify admin. The footer links to them.
Preview the store on a phone and on a computer.

Preview and publish

In the theme editor, use the device buttons at the top to switch between the desktop and mobile previews.
To check the store on a real phone, use the preview link of the theme: in Online Store > Themes, open the theme's actions menu and share a preview.
When you're ready, open the theme's actions menu in your theme library and click Publish.

Update the theme

We release updates with fixes and new features. Shopify handles updates in two ways. The steps below follow Updating your theme in Shopify Help, read on November 13, 2026.

Automatic updates

Shopify can apply bug and security fixes to themes installed from the Theme Store. These updates don't change your theme's look, content or settings.

Manual updates

In your Shopify admin, go to Online Store > Themes.
When an update is available, a notification replaces the theme version number. Click it.
Read the release notes, then click Add to draft themes.
A new copy named "Updated copy of" followed by your theme name appears in your draft themes. Your current theme doesn't change.
Click Review, check your pages, then publish the new copy.

Shopify copies your theme editor work to the new version: theme settings, section and block settings, templates, app embed settings and the theme content you edited. Code edits are copied only when they don't conflict with the update.

Keep updates easy

Customize through settings, sections and blocks, not through code. Everything you do in the theme editor moves to the next version.
For small additions, use the Custom Liquid section or block and the Custom CSS fields of the theme editor instead of editing theme files.
If you edit theme files, keep a list of your changes. Conflicting code edits don't move to the new version, and our support doesn't cover modified code.
Before publishing an update, check your custom CSS: the class names it targets may have changed.

To see which version you have, look at the version number on the theme card in Online Store > Themes.