Configure your theme without starting over.

Quick start

Go from an installed theme to a storefront ready to customize in six steps.

1. 01

   Duplicate the theme

   Keep a backup before changing a preset or page structure.

2. 02

   Choose a preset

   Select the closest starting point for your brand: Ochre, Prairie, Rivage, or Alpine.

3. 03

   Add your identity

   Upload your logo and favicon, then adjust colors, typography, spacing, and shapes in theme settings.

4. 04

   Upload your media

   Add a desktop image and, when the composition requires it, a dedicated mobile image.

5. 05

   Connect your catalog

   Select real collections and products in every section. Demo products are not transferred.

6. 06

   Check before publishing

   Test navigation, variants, add to cart, search, mobile layouts, and contrast.

Presets

All four presets share the same capabilities while using different compositions, rhythm, typography, and palettes.

• 01

  Ochre

  Warm editorial direction for watches, accessories, and refined catalogs.

• 02

  Prairie

  Airy botanical composition for bicycles, craft, and outdoor brands.

• 03

  Rivage

  Immersive carousel and sunlit rhythm for swimwear, jewelry, and lifestyle.

• 04

  Alpine

  Dense, enveloping layouts for knitwear, apparel, and winter brands.

Installation and customization

Global settings define the storefront identity; sections organize the content of each page.

• 01

  Install without publishing

  After purchase, open Online Store > Themes. Work on the theme in the theme library while keeping the current live theme published.

• 02

  Keep a backup

  Duplicate the theme before changing a preset, navigation, or page structure. Name the copy with a date or version number.

• 03

  Set the global identity

  In Theme settings, configure the logo, favicon, colors, typography, page width, buttons, cards, motion, and social links.

• 04

  Build page templates

  In the editor, select the Home, Product, Collection, or Page template, then add, hide, and reorder sections without editing code.

• 05

  Replace starter content

  Review every heading, button, link, image, and selected collection. Preset copy is illustrative and should not remain unchanged.

Images and video

Well-prepared media prevents unexpected crops and protects storefront performance.

• 01

  Desktop hero

  Aim for about 2400 × 1400 px and keep the subject clear of the copy area. Check the actual crop in the editor.

• 02

  Mobile hero

  Add a dedicated vertical image around 1200 × 1600 px when needed. Automatic cropping cannot reliably preserve a subject placed near an edge.

• 03

  Products

  Keep a consistent ratio, such as 4:5 around 1600 × 2000 px. Add product-only, worn or contextual, and a detail image when texture matters.

• 04

  Video

  Prefer a short Shopify-hosted loop that does not rely on sound. Always provide a poster image.

• 05

  Accessibility

  Write useful alt text for informative images. Purely decorative images can keep an empty alt attribute.

• 06

  Performance

  Export WebP or AVIF where possible and avoid loading very heavy media above the fold.

Catalog and navigation

Connect every section to the real resources in your store before publishing.

• 01

  Products and variants

  Check price, availability, options, swatches, media, quantity, and add-to-cart behavior.

• 02

  Collections

  Assign an image and description, then configure Shopify Search & Discovery filters for your catalog.

• 03

  Navigation

  Assign main-menu to the header and footer to the footer. Check every link on desktop and mobile.

• 04

  Product pages

  Reorder information blocks, enable recommendations, and add shipping, care, and returns information.

• 05

  Markets and languages

  Translate merchant content with Shopify Translate & Adapt and verify currency formats, menus, and copy in every market.

• 06

  Anchors and buttons

  For a link to a homepage section, use its anchor ID. For Shopify resources, select the product, collection, or page directly in the editor.

Pre-publish checklist

Before publishing, browse the storefront like a customer instead of checking it only inside the Shopify editor.

• 01

  Home page

  Check every button, carousel, desktop and mobile image, form, and section order.

• 02

  Collections

  Check image, copy, sorting, filters, pagination, product cards, and the no-results state.

• 03

  Products

  Test every option and variant, media, price, availability, add to cart, and recommendations.

• 04

  Cart and search

  Add, update, and remove an item. Test predictive search, the results page, and the empty cart.

• 05

  Mobile and accessibility

  Test at least one small phone and a desktop, keyboard use, visible focus, contrast, alt text, and reduced motion.

• 06

  Trust pages

  Connect contact, delivery, returns, privacy, and terms. Replace all sample legal copy with reviewed content for your business.

Troubleshooting

Most setup issues come from an unselected Shopify resource or media whose crop does not match the section.

• 01

  A product section is empty

  Open its settings and select a published collection containing products available on the Online Store channel.

• 02

  The hero is cropped badly

  Add a dedicated mobile image, adjust the focal point when available, and leave enough space around the subject.

• 03

  Rollover does not change the image

  Add at least two product media items, then verify the primary and hover media positions in the section.

• 04

  Filters are missing

  Configure filters in Shopify Search & Discovery and make sure products contain the relevant options or metafields.

• 05

  A link goes to the wrong place

  Select its destination again in the editor. For an anchor link, confirm that the target ID exists on that page.

Frequently asked questions

Support

Need help? Send the store URL, theme version, affected page, reproduction steps, and a screenshot.

Target response time is two business days.

Release notes

Version 1.0.0 - initial public release

• Four seasonal presets with dedicated page structures.
• Static, split, and carousel heroes with mobile media.
• Collections, filtering, predictive search, recommendations, and cart drawer.
• Swatches, variants, quick add, pickup availability, and purchase options.
• Brand settings, reduced-motion support, and four storefront languages.