Getting started

What's in your download

The three zips are the same theme. A preset only decides the starting palette, heading font, a few settings, the words, the home page, the product and page templates, and the header and footer, and you can change all of them afterwards. Products, photos and demo text are not included: a fresh install shows your own products, and the hero shelf, the testimonials and a few other sections draw simple sample bottles, tubs and stick packs until you choose your own images.

Presets

The fourth palette, Berry (a light lilac page with berry buttons, berry-pink and lilac blocks and a plum band, good for collagen and beauty-from-within brands), has no preset of its own: choose it in Theme settings › Colors on any preset.

The presets also differ in these settings:

Everything else starts the same in all three: Asap body text at 16px, square product cards with quick add, the serving chip, the subscription price and two goal tags, swatches and the second image on hover, the dot grid and the dots filling in, plan lengths of 30, 60 and 90 days, a supply tolerance of 2 days, subscriptions shipping free, and the footer's label line "Always read the label and follow the directions for use."

Each preset's header and footer carry their own sample words:

• The announcement bar reads "Subscribe and save 15%" and "Free shipping on subscriptions" (Dose), "Subscribe and save 15%" and "Free shipping over $80" (Botanic), or "Subscribe and save 15%" and "Free shipping over $99" (Fuel). The text at the left is "Packed by hand in West End, Brisbane", "Grown and blended in Daylesford" or "Tested for sport, every batch", and the two links at the right are Track an order (to your customer account) and Help (to /pages/contact); Botanic's first link is Our farm (to /pages/about). Those words are plain text. Rewrite them to match your shop.
• The menu promos sit under a top-level link called Goals (Dose, two promos), Adaptogens (Botanic) or Protein (Fuel). If your menu has no link with that title, change each promo's Menu item (chapter 3).
• The footer has your shop name with a sample about line, three menu columns and a newsletter column. Shop shows your Main menu and Help your Footer menu. The middle column shows a menu a new store doesn't have: Goals (Dose) and Training (Fuel) show a menu with the handle goals, and Our farm (Botanic) a menu with the handle about. Create that menu, or the column stays hidden.

Every preset ships these templates, filled with its own words:

Assign a page template in admin under Online Store › Pages, in the page's Theme template field, and a product template in the product's Theme template field.

The presets link to pages you need to create: every preset's announcement bar Help link goes to /pages/contact, and Botanic's Our farm goes to /pages/about. Create a page called "Contact" (its handle becomes contact) with the page.contact template, and in Botanic a page called "About", or change the links. The hero's first button goes to #goal-finder, the goal finder lower on the home page, so keep a Goal finder on the home page or change the link. The other buttons, tiles, captions and promos point at all products until you choose your own links, so go through the home page and point each one at the right collection, product or page.

A fresh install doesn't show these until you've set them up:

• The supply promo ("Never run out") shows only its words, across the full width, until you choose a Product that has custom.servings; then the calculator card and the sum "60 gummies ÷ 2 a day = 30 days" appear beside them (chapter 10). The theme editor shows a sample.
• The facts panel, the supply calculator and ingredients and evidence stay hidden on a product until it has the metafields they read (chapter 7). In the theme editor they show a sample product, Wind-down gummies, with a "Sample" tag, so you can style them before your data is in.
• The goal finder's tiles show from the start, but their product counts and pictures need products with custom.goals, and the quiz stays hidden from shoppers until at least one product in the ranked collection has custom.goals (chapter 9).
• Goal tiles open the whole collection until you add the Goal filter in Search & Discovery, or give each tile a link or a fallback collection. Until you add the filter, the goal chips above a collection link to a collection named after each goal (such as /collections/sleep), and a goal with no such collection gets no chip (chapters 9 and 14).
• The hero shelf, the testimonials, Image with text, Slideshow and Shop the shelf draw simple sample bottles, tubs and stick packs in place of your photos until you choose images. That's on purpose, not broken, and it shows on your live store too until you replace them.
• Product cards sit on a goal colour, with a serving chip, only once the product has custom.goals, custom.servings and a serving size (chapter 2).
• Fuel's starter stacks show their names, taglines and product lists, but no price and no button, until you choose a bundle Product for each (chapter 4).

Install

1. In Shopify admin, go to Online Store › Themes.
2. In the Theme library section, click Add theme › Upload zip file, choose the zip of the preset you want and click Upload. Don't unzip it first.
3. When the upload finishes, click Customize to open the theme editor and make it yours.
4. When you're ready, click Publish next to the theme in the theme library, or in the top bar of the theme editor. You can upload a second preset next to it to compare; only the published theme is live.

First steps

1. Brand: Theme settings › Brand: your logo, or the shop name as a text logo in the heading font with its dose dot, and a favicon. A long shop name looks better with a smaller Text logo size on phones.
2. Colours and fonts: Theme settings › Colors › Colour palette, then Typography (chapter 2).
3. Goals: in Theme settings › Goals, list your goals in Goal names, in the order you want them, up to six. The same names go on your goal finder tiles and in each product's custom.goals (chapters 7 and 9).
4. Menus: in admin, Content › Menus: build the main menu with a top-level link called Goals whose child links are your goals, the footer menu, and the menu the footer's middle column needs (goals in Dose and Fuel, about in Botanic) (chapter 3). Rename or move the header's menu promos to one of your own top-level links.
5. Pages: create "Contact" with the page.contact template (and "About" in Botanic).
6. Metafields: create Dose's metafield definitions and fill them in on your products (chapter 7). The facts panel, the goal finder, the supply calculator, ingredients and evidence, card colours and serving chips all read them.
7. Templates: give pill organisers, shakers and other accessories product.accessory.
8. Subscriptions: install a subscription app, such as Shopify's free Shopify Subscriptions, create your delivery plans, and name them with a number of days or weeks, such as "Deliver every 30 days" (chapter 10).
9. Home page pickers: choose the Product in the Supply promo, the Collection to rank in the Goal finder, the shelf images and caption product in the Hero, and the products in the Ingredient spotlight.
10. Filters: install Shopify's free Search & Discovery app and add the Goal, Format and Certification filters (chapter 14).
11. Label wording and claims: replace the facts panel's disclaimer with the wording your country requires, and check every claim on your pages with your regulator's rules (chapter 12).
12. Real promises: the presets ship with demo words, and many of them are claims about your shop and your products. They reach shoppers as soon as you publish, so rewrite or remove all of these until they only say what's true:
    • Free shipping over is set to 60 in the Dose preset, 80 in Botanic and 99 in Fuel, so the cart counts down to it. Set it to your real threshold, or 0 if you don't offer free shipping (chapter 2).
    • Subscriptions ship free is on in every preset, so the Subscribe and save option says "Free shipping." and the cart says "Subscriptions ship free" when everything in the bag is a subscription. Set up the matching free shipping rate in Shopify, or turn the setting off (chapter 10).
    • The product page's Trust row ("Free shipping on subscriptions", "Change your delivery any time", "Third-party tested every batch", "30-day money-back promise", with Botanic's and Fuel's own first and third lines), its stock line ("In stock, ships tomorrow"), and its How to take and Shipping and returns accordions ("Not happy with your first bottle? Tell us within 30 days for a refund."). They show on every product that uses the template.
    • Every product claim in the home page words: the hero's ticks, the fact row ("made in Australia", "No added sugar", Botanic's "Organic farming", Fuel's "Tested for banned substances"), the ingredient notes and the evidence row's chips. Keep only what you can show proof for (chapter 12).
    • Every testimonial, and the rating beside them ("4.8 out of 5 from 3,200 reviews"). They're invented: replace them with real reviews or delete them (chapter 12).
    • The FAQ answers ("In a licensed facility in Australia…", "All our gummies and capsules are vegan…", "Our team answers every message within one working day").
    • Subscription promises in the announcement bar ("Subscribe and save 15%"), the supply promo ("15% off every delivery", "Pause, skip or change it whenever you like") and the hero ("Pause or skip any time"). They're true only once your subscription app offers that discount and that account page (chapter 10).
    • Prices, times and places written into the text, which don't update on their own: the hero's caption ("2 a night · from $28.90") and dose card, the menu promos, "West End, Brisbane", "Daylesford", "Newcastle", the footer's about line and the contact page's text column.
    • The newsletter: "One email a month" and Botanic's "four times a year". The theme doesn't send email, so promise only what you'll send (chapter 4).
13. Publish: when you've checked a product with facts and delivery plans, an accessory on product.accessory, the goal quiz from start to "Add stack to bag", the cart, and the home page on your phone.