Skip to content

Themes and customization

Choose a theme, adjust your storefront, and understand when to use each editor.

Set it up #

Start from a theme

Open Storefront → Themes and preview the available designs. Check both product cards and the mobile layout.

Apply your choice

Apply the theme to the selected store. Review the public storefront after applying; a theme preview is a demonstration, not your live catalog.

Make focused changes

Use Customization for supported store settings, Visual builder for visual edits, and Code builder for code-level changes.

Preview before publishing

Check navigation, product links, legal pages, cart controls, and checkout links after editing.

Published changes and previews #

A saved draft or preview can differ from what customers see. Use the editor’s publish or apply action when you intend to update the public store, then visit the live URL in a separate tab.

Custom storefront code should continue to use the checkout and cart actions provided by the theme runtime. Do not put a secret API key into a theme, public script, or product description.

If something does not work #

What to check

If a page becomes blank after a code edit, return to the builder, inspect its errors, and restore a working version. Test a theme on a preview before replacing a working storefront.

Still stuck? Contact support with the store, affected page, and relevant order or request reference.

Next steps #