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 collection show placeholders or samples in the theme editor until you choose one.

Presets

The fourth palette, Cocoa (dark chocolate page, sugar-pink blocks with chocolate labels), has no preset of its own: choose it in Theme settings › Colours on any preset.

The presets also differ in these settings. The order ahead ones are demo values for the demo bakeries, so set your own before you publish (chapter 8).

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 "Baked in Daylesford, Victoria", "Order 2 days ahead · Pickup Wed–Sun" and "Cake enquiries" (Sprinkle); "Cakes from Bowral, New South Wales", "Booking cakes now · Tastings on Saturdays" and "Book a tasting" (Tier); or "Baked in Fremantle, Western Australia", "Macarons posted Mondays · Pastries are pickup only" and "Find us" (Patisserie). Rewrite all of it.
• The menu promos sit under a top-level link called Cookies (Sprinkle: "Build a box" and "Start your cake"), Cakes (Tier: "Start your cake" and "Book a tasting") or Macarons (Patisserie: "Fill a box of 12" and "Today's pastries"). If your menu has no link with that title, change the promo's Menu item (chapter 3).
• The footer has a brand column, Shop and Help menu columns, and a "Visit" text column with a sample address and hours.

Every preset's product page has the same buy box: the title with its rating, the price with servings and a seal, the Lead time note, Dietary chips, the Variant picker or Cake builder, Buy buttons, the back-in-stock request, pickup availability, the description and a details table. The Allergens and dietary panel sits under the gallery on every product. Under the page, "Goes well with" and "You may also like" each show four recommended products (chapter 6).

Every preset also ships these templates, which you assign to pages in admin (Online Store › Pages, then the page's Theme template field):

Every preset also ships product.mix-box, which you assign to a box product in admin (the product's Theme template field). It's the product page with a Mix-and-match box section under it (chapter 10).

The presets' buttons point at all products until you choose your own links, and the announcement bar's link points at /pages/contact. So create a page with the handle contact and the page.contact template, or change that link. Then go through the home page and point each button at the right collection or product.

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

• The Mix-and-match box (Sprinkle and Patisserie home pages, and the product.mix-box template in every preset) shows a sample in the theme editor and nothing to shoppers until you choose a Flavours collection, and on the home page a Box product (chapter 10).
• The Tier home page's cake builder shows nothing to shoppers until you choose a Product in the Featured product section (chapter 9).
• The Cake builder block comes with six sample frosting colours and no add-ons in the presets' templates. Rewrite the colours to match what you pipe, and choose your add-on products, or the add-on step is skipped (chapter 9).
• Dietary chips above a grid need the Search & Discovery filter or fallback collections (chapter 13).

Install

1. In Shopify admin, go to Online Store › Themes.
2. In the Theme library, click Add theme › Upload zip file and choose the zip of the preset you want. 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 (on the theme's … menu in the library, or from the 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 wordmark in the heading font, and a favicon.
2. Colours and fonts: Theme settings › Colours › Colour 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. Order ahead: set your Store time zone, Closed days and dates, Default lead time, Daily order cutoff and time slots in Theme settings › Order ahead. Then set up Shopify's own pickup and delivery options to match (chapter 8). This is the step that matters most.
5. Product data: create the metafield definitions in chapter 7 and fill them on a few products to see the lead times, dietary chips and allergen statements appear.
6. Allergens: check Theme settings › Allergens and dietary › Kitchen statement. Fill in custom.allergens on every product. You're responsible for this information being accurate (chapter 11).
7. Custom cakes: tag your cake products custom-cake, then set up the Cake builder block's flavours, frosting colours and add-ons (chapter 9).
8. Boxes: create a box product with Box of 6 and Box of 12 variants and a collection of flavours. Tag the product mix-box, assign it the product.mix-box template, and choose the collection in that template's Mix-and-match box section (chapter 10).
9. Filters: install Shopify's free Search & Discovery app and add the custom.dietary filter, so the dietary chips can filter (chapter 13).
10. Real promises: the presets ship with demo words. Rewrite the announcement bar, the hero, "How ordering works", the opening hours, the facts ("From $95", "3 days"), the FAQ answers and the newsletter so they only promise what you offer, and replace the sample testimonials with real ones. The footer's "Visit" column and the pickup section hold a sample address: replace them with yours.