Themes
Install, customize, and manage your store's look and feel
Themes control the visual design and layout of your entire storefront, including the homepage, product pages, checkout, headers, footers, and customer account views. Manage themes from the Storefront > Themes menu.
Installed Themes
The Installed Themes section lists every theme currently on your store. Each theme shows its name, ID, version number, and last updated date. The theme powering your live storefront is marked Active.
You can have multiple themes installed at once, which is useful for staging a new design before going live.
Theme Actions
Each installed theme has a Customize button and an Actions dropdown with the following options:
- Preview — open the storefront using this theme without activating it for customers
- Activate — set this theme as the live storefront theme
- Download — export the theme as a file for backup or local development
- Edit — open the theme code editor
- Delete — remove the theme from your store
Use Preview to test a new theme or customization changes before activating it for customers.
Upload Theme
Choose Upload Theme to install a custom theme file. Themes built with Theme Kit or downloaded from another store can be uploaded here.
Available Themes
Below the installed themes, the Available Themes section shows themes from the NEXT theme library that you can install. Choose Install Theme on any available theme to add it to your store.
Theme Customizer
The Customize button opens the Theme Customizer — a visual editor where you can adjust theme settings with a live preview of your storefront.
Customizer Sections
The left sidebar organizes settings into sections. The exact sections available depend on what the theme developer has defined, but common sections include:
- Typography — font choices, sizes, and text styling
- Navigation — menu layout and behavior
- Homepage — hero banners, featured categories, and homepage content blocks
- Product — product page layout, image display, and related product behavior
- Checkout — checkout appearance and flow settings
- Header — logo, navigation bar, and top-of-page elements
- Footer — footer links, content, and layout
- Social Media — social links and sharing settings
- Accounts — customer account page appearance
Live Preview
The main area shows a live preview of your storefront with the current settings applied. Use the page selector dropdown at the top to preview different pages (Homepage, Product, etc.).
The responsive toggles in the top-right corner switch the preview between desktop, tablet, and mobile viewports, so you can verify your storefront looks correct across devices.
Choose Save to apply your changes.
The Theme Customizer exposes settings that the theme developer has made configurable. If you need to change something that is not available in the Customizer, it will require editing the theme code directly using Theme Kit or the built-in code editor.
Themes and Developers
For developers building or modifying themes, visit the NEXT developer documentation: