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 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 sections that need a product or an image show samples in the theme editor until you choose one.

Presets

The fourth palette, Neroli (white page, bitter-orange buttons with dark labels), has no preset of its own: choose it in Theme settings › Colors on any preset.

The presets also differ in these settings:

All three presets turn on Show quick add button and Show second image on hover (Theme settings › Product cards), which are off when a setting has never been saved, and put the back-to-top button on the right.

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

• The announcement bar reads "Try before the full bottle · Free samples with every order" (Decant), "Made in small lots in Daylesford · Sample any perfume for $9" (Parfumerie) or "Alcohol free · Blended and aged in small batches" (Attar). Those words are plain text. Rewrite them to match your shop.
• The menu promos sit under a top-level link called By family (Decant), Perfumes (Parfumerie) or Attars (Attar). If your menu has no link with that title, change the promo's Menu item (chapter 3).
• The footer has a brand column with a sample line, Shop and Help menu columns, and a Follow column with your social icons.

Every preset ships these templates. Each preset fills them with its own words:

Chapter 6 explains how to choose between the four product templates. 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' hero buttons point at all products and the menu promos at /collections/all until you choose your own links, so go through the home page and point each one at the right collection or product. The exception is Take the scent finder in the Decant preset, which jumps down to the Fragrance finder on the same page: keep it only while that section is on the home page.

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

• The hero is text only until you pick an image. In the theme editor you see a sample still life in the strip window, but that sample is only for you. Shoppers get the eyebrow, the headline, the text and the buttons, with no window, until you choose an Image (chapter 4).
• Discovery set on the home page shows a sample in the theme editor and nothing to shoppers until you choose a Set product (chapter 9).
• Featured product in the Parfumerie preset shows shoppers only its eyebrow and heading until you choose a Product. In the theme editor you see the sample still life beside them.
• Blog posts in the Parfumerie preset shows nothing to shoppers until you choose a blog that has articles.

Install

1. In Shopify admin, go to Online Store.
2. In the Draft themes section, click Import 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 Edit theme to open the theme editor and make it yours.
4. When you're ready, click Publish next to the theme in Draft themes, 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, and a favicon. A long shop name looks better with a smaller Text logo size on phones.
2. Colours and fonts: Theme settings › Colors › Color palette, then Typography (chapter 2).
3. Menus: in admin, Content › Menus: build the main menu and the footer menu (chapter 3). Rename or move the header's menu promos to one of your own top-level links.
4. Options: name your product options Size and Concentration, or tell the theme what you call them in Theme settings › Size and concentration (chapter 8).
5. Metafields: create Decant's metafield definitions and fill them in for your scents (chapter 7). The scent profile, the card notes and the finder all read them.
6. Price per ml: set a unit price on each variant, or fill in custom.volume_ml (chapter 8).
7. Templates: give each product the right template: product, product.oil, product.discovery-set or product.goods (chapter 6).
8. Discovery set: create a set product with a Size option (Set of 3, Set of 5, Set of 8) and a collection of scents. Tag the product discovery-set, assign it the product.discovery-set template, and choose your collection in that template's Discovery set section, which starts on all products (chapter 9).
9. Finder: choose a collection of scents, and match its Families to your custom.family values (chapter 11).
10. Hero: pick an image, or set the Layout to Text only if you want to stay without one (chapter 4).
11. Filters: install Shopify's free Search & Discovery app and add your filters, including Family (chapter 13).
12. Real promises: the presets ship with demo words, and many of them are claims about your products and your shop. They reach shoppers as soon as you publish, so rewrite or remove all of these until they only say what's true:
    • The product page's Trust rows, accordions and the Hero's Foot facts: "Free samples with every order", "Drawn by hand", "Batch and fill date on every vial", "Ships by road", "Ships in 2 days", "30-day returns", "Alcohol free", "Aged in small batches" and the like. A trust row shows on every product that uses the template. The goods template names a town ("from Melbourne", "from Daylesford", "from Footscray"), so change that to your own. Check the shipping wording in particular: how perfume may be sent depends on your carrier and your country.
    • Every quote in the Rich text sections and the As seen in logos. The quotes are invented, and so are the publication names in the Parfumerie preset, which show to shoppers as text even with no logo image. Replace them with real reviews and real press, or delete them. Publishing made-up reviews or press can break consumer law.
    • Prices and sizes written into the text, which don't update on their own: "Sample any perfume for $9", "Every scent comes in 1, 5 and 10 ml", "1 ml in each vial" and "Priced per ml".
    • The newsletter's offer ("the odd free sample", "Twice a month"). The theme doesn't send anything itself (chapter 4).
    • The footer's About text, which names a sample town, and the Icon row's and hero's words.
13. Other brands: don't name other perfume houses, and don't list "inspired by" or "dupe of" scents, anywhere in your shop. Decant has no field for it on purpose (chapter 7).
14. Publish: when you've checked a product, a set, the bag and the home page on your phone.