DEV3 Glow: a skincare Shopify theme with a skin quiz, an ingredient explorer and a 3D serum bottle

Requirements

• A Shopify store with the Online Store sales channel
• No app is required. Optional: the free Shopify Search & Discovery app for collection filters, and a reviews app that writes the standard rating metafields.

What's in the download

Unzip the download from your DEV3 account first. Do not upload the download itself to Shopify.

• dev3-glow-1.0.0.zip: the theme. Upload this zip as it is; do not unzip it.
• Documentation/index.html: the full guide. Open it in a browser.
• Demo-Content/: products.csv, seed.json, images/, models/glow-dew-drop-serum.glb and a README for the manual import.
• LICENSE.txt and START-HERE.txt.

Install the theme

1. In Shopify admin go to Online Store → Themes.
2. Click Add theme → Upload zip file and choose dev3-glow-1.0.0.zip.
3. When the upload finishes, click Customize to preview it in the theme editor.
4. Click Publish when you are ready. Your current theme stays in the theme library.

Import the demo content (optional)

The demo brand Glow Botanica is fictional; every product, review and image is sample content rendered for this theme, and the before/after images are illustrations, not real results.

1. Go to Products → Import and upload Demo-Content/products.csv. The CSV has no image URLs.
2. Add each product's images from Demo-Content/images/ and assign the size or shade image to each variant, following the file names in the demo README.
3. Content → Files: upload the glow-* section images listed in the README (the templates refer to them by name).
4. Settings → Custom data → Products: add glow.key_ingredient (single-line text) and glow.how_to (multi-line text).
5. Keep the product tags (step-*, skin-*, concern-*, bestseller): the skin quiz uses them.
6. Upload glow-dew-drop-serum.glb as media on the Dew Drop Hydrating Serum for the 3D/AR gallery view.
7. Create the 6 collections, the pages with their templates (About, Build your routine, Ingredient glossary, FAQ, Contact, Delivery & returns), the Skin Journal articles and the menus listed in the README.

A scripted seed that does all of this in one command is available from DEV3 support on request. It runs against your own store with your own Admin API token, and it tags everything it creates so it never touches your other products.

After the import

• Tag your own products with a step, skin types and concerns so the quiz can build routines from them.
• Replace the sample reviews and the illustrative before/after with your own content, and review every claim for the market you sell in.
• Set up payments, shipping and taxes in Shopify's own settings; checkout is Shopify's.

Updates

Download the new version from your DEV3 account and upload the new theme zip under Online Store → Themes → Add theme. It arrives as a new theme in your library: copy your settings across in the theme editor or re-apply your changes, then publish it.

Tags and metafields the theme reads

• Step tags step-cleanse, step-treat, step-moisturise, step-glow: the quiz's routine steps.
• Skin tags skin-dry, skin-oily, skin-combination, skin-sensitive, skin-normal: quiz matching, skin type chips and skin-type menu links such as /collections/all/skin-dry.
• Concern tags concern-dehydration, concern-dullness, concern-texture, concern-redness: quiz matching.
• bestseller: the quiz's tie-breaker.
• glow.key_ingredient (single-line text): the Key ingredient block and the card line.
• glow.how_to (multi-line text): the How to use block, one numbered step per line.
• reviews.rating and reviews.rating_count: stars on cards and the product page (written by review apps).

Glow product section

The standard product section (thumbnail gallery with native 3D/AR media, sticky add-to-cart bar, recently viewed) plus Skin type chips, Key ingredient, How to use and Claims note. Options named Shade, Colour or Color show as round swatches; set their colours with native option swatches or the Swatch colours map (e.g. Medium: #C99570). Size options show as pills.

Home page sections

• Glow hero: aura, badge, word-by-word heading, buttons, a social proof line and the 3D dropper bottle. Add Floating chip and Serum colour blocks (up to 8 in all); serum colours recolour the serum and the aura. Paste a GLB link to use your own bottle (custom models turn but have no bubbles).
• Routine quiz: choose the collection to match against and edit the three question titles and the disclaimer. Link to it with #quiz.
• Ingredient explorer: up to 8 Ingredient blocks (name, family, image, what it does, who it suits, a "find it in" product). Optional auto-cycle.
• Before / after: two images and a caption. The demo images are illustrations; for real results use unretouched photos with consent and keep "results vary".
• Routine bundles: up to 4 routines, each with up to 4 products, a badge and a colour scheme. No discount is created; add one in Shopify if you want.
• Reviews: an average, a star distribution and review cards with skin type and product. Mark sample reviews as samples, or use your reviews app's block.

Page templates: assign page.about, page.routine, page.ingredients, page.faq or page.contact under Online Store → Pages → Theme template.

Motion

Blur-in reveals, a drifting aura, bobbing chips, glowing buttons, circular image reveals, a sweeping before/after divider and animated rating bars. Set the animation level (Off, Subtle or Full), reveal style, duration and stagger under Theme settings → Motion. With reduced motion or animation off, everything is static and the bottle stands still.