Getting started
Chapter 1 of the Hooray user guide.
What's in your download
| File | What it is |
|---|---|
Hooray-1.0.0-hooray.zip | The theme with the Hooray preset: a party supply shop |
Hooray-1.0.0-garland.zip | The theme with the Garland preset: a balloon artist and event decorator |
Hooray-1.0.0-toast.zip | The theme with the Toast preset: grown-up celebrations, hens, engagements and New Year |
Hooray-user-guide.pdf | This guide |
LICENSE.txt | Your licence: one store per purchase |
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, a collection or an image show samples in the theme editor until you choose one.
Presets
| Preset | For | Palette | Fonts | Home page, in order |
|---|---|---|---|---|
| Hooray | Party supply shops: balloons, tableware, decorations, party boxes | Confetti (warm white page, cobalt buttons, tangerine and sunshine blocks) | Recursive headings, Radio Canada Big body | Hero ("Let's party.", with Shop by occasion and Build a garland), Shop by occasion ("What are we celebrating?": Birthday, Baby shower, Bridal, Graduation, Halloween, Christmas), Turning picker ("Turning…"), Featured collection ("What every party ends up needing"), Party in a box ("Tell us who's coming. We'll do the maths."), Featured product as the garland builder ("Your colours, one organic curve"), Installation enquiry ("Planning something bigger?"), Rich text as testimonials ("From the last few parties") and Newsletter ("Party ideas, restocks and the odd discount") |
| Garland | Balloon artists and event decorators: garlands, arches, installations, delivery and setup | Sand (sand page, terracotta buttons, sage and clay blocks) | Kreon headings, Radio Canada Big body | Hero ("Garlands, grown by hand.", with Build your garland and Ask about an installation), Featured product as the garland builder, Collections grid of installations ("Recent setups": Arches, Balloon walls, Ceiling clouds, Table garlands, Grab-and-go bunches), Installation enquiry ("Tell us about the day"), Rich text with the delivery zones table ("Where we deliver"), Rich text as testimonials ("From the last few setups") and Newsletter ("Seasonal colour stories and first dibs on weekends") |
| Toast | Grown-up celebrations: bridal and hens, engagements, New Year | Gilt (ivory page, black ink, deep-gold buttons) | Eczar headings, Radio Canada Big body | Hero on the black band ("Here's to you.", with Shop bridal and hens and See New Year), Turning picker for milestones (18 to 80, all in gold), Shop by occasion as cards ("What are we toasting?": Bridal and hens, Engagements, New Year, Anniversaries), Featured collection ("On every table this season"), Featured product as the garland builder ("Champagne, gold and ivory, your mix"), Party in a box ("A grown-up table for every guest"), Rich text as testimonials ("Raised glasses") and Newsletter ("Party notes for grown-ups, four times a year") |
The fourth palette, Disco (a midnight page with electric-pink buttons and silver blocks), has no preset of its own: choose it in Theme settings › Colors on any preset.
The presets also differ in these settings:
| Setting | Hooray | Garland | Toast |
|---|---|---|---|
| Color palette (Theme settings › Colors) | Confetti | Sand | Gilt |
| Heading font (Theme settings › Typography) | Recursive | Kreon | Eczar |
| Heading size | 100% | 104% | 100% |
| Text logo size on phones (Theme settings › Brand) | 19px | 21px | 22px |
| Free shipping over (Theme settings › Commerce) | 100 | 0 (off) | 150 |
| Require a date and zone before checkout (Theme settings › Event date and delivery) | Off | On | Off |
| Pickup note | "Pick up from 12 Streamer Lane, Marrickville" | "Pick up from our studio in Brookvale" | "Pick up from our Paddington studio" |
| Delivery zones | Inner West, City and East, North Shore (Sydney samples) | Lower Beaches, Upper Beaches, North Shore (Sydney samples) | Eastern Suburbs, City and Inner West, North Shore (Sydney samples near Paddington, delivered on the date for $20 to $35) |
| Message outside the zones | The theme's standard message | The theme's standard message | "Outside our Sydney zones, so we'll post it. Check out as usual or choose pickup." Toast ships everywhere else. |
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.
Each preset's header and footer carry their own sample words:
- The announcement bar reads "Order by 2 pm for same-day pickup · Free shipping over $100" (Hooray), "Weekends book out early: enquire now · Delivery and setup from $40" (Garland) or "New Year's Eve orders are open · Free shipping over $150" (Toast). Those words are plain text. Rewrite them to match your shop.
- The menu promos sit under a top-level link called Occasions (Hooray), Installations (Garland) or Bridal and hens (Toast). If your menu has no link with that title, change each promo's Menu item (chapter 3).
- The footer has a brand column with a sample line, Shop and Help menu columns (your Main menu and your Footer menu), and a Follow column with your social icons.
Every preset ships these templates, filled with its own words:
| Template | Use it for | What's on it |
|---|---|---|
product | Most products | The product page with occasion chips, a delivery note and a trust row, then What's in the kit and Good to know accordions, then recommendations |
product.garland | Garland kits and anything sold in a shopper's colours | The same page with the Garland builder under the variant picker (chapter 9) |
page.enquiry | Your installations page | The Installation enquiry section (chapter 12) |
page.delivery | Your delivery page | Your page text, then the delivery zones table from your theme settings (chapter 10) |
page.contact | Your contact page | The contact form with an order number field and a "Before you write" text column |
page.compare | Side-by-side comparison (chapter 4) | The comparison table |
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, occasion tiles, "Shop all" links and menu 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. In the Garland preset, the hero's Ask about an installation button goes to /pages/installations: create a page with that handle and the page.enquiry template, or change the link.
A fresh install doesn't show these until you've set them up:
- Featured product, the home page's garland builder, shows nothing to shoppers until you choose a Product. In the theme editor it says "No product selected" over a placeholder picture. Choose your garland kit (chapter 9), or delete the section.
- Party in a box on the home page shows a sample in the theme editor and nothing to shoppers until you choose Party themes whose products have a pack size (chapter 11).
- The occasion tiles work at once, but each tile opens all products until you choose its collection or add the Occasion filter in Search & Discovery (chapter 8).
- The Turning picker searches your store for the number until you choose a Number balloon collection and add the Number filter (chapter 8).
- The hero, the enquiry section and the collection tiles show plain coloured balloons in place of your photos until you choose images. That's on purpose, not broken.
Install
- In Shopify admin, go to Online Store.
- 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.
- When the upload finishes, click Edit theme to open the theme editor and make it yours.
- 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
- 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.
- Colours and fonts: Theme settings › Colors › Color palette, then Typography (chapter 2).
- 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.
- Metafields: create Hooray's five metafield definitions and fill them in (chapter 7). Occasion chips, the Turning picker, the party box, lead times and the card note read them.
- Filters: install Shopify's free Search & Discovery app and add the Occasion and Number filters (chapter 14). Without them, occasion and age links open whole collections.
- Occasions and ages: point each occasion tile at a collection, and choose your number balloon collection in the Turning picker (chapter 8).
- Garlands: give your garland kits the
product.garlandtemplate and a Length option, set your colours in the Garland builder, and choose the kit in the home page's Featured product (chapter 9). - Delivery: in Theme settings › Event date and delivery, set your time zone, lead time, cutoff, closed days and your own delivery zones. Then set up Shopify's Local delivery and Pickup in store to match, because they decide what the shopper actually pays (chapter 10).
- Party box: make a collection for each party theme, give its per-guest products a
custom.pack_size, and choose the collections in the Party in a box section (chapter 11). - Enquiries: check where they'll arrive: your store's Sender email in Settings › Notifications (chapter 12). Send yourself a test.
- Real promises: the presets ship with demo words, and many of them are claims about your shop. 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 100 in the Hooray preset and 150 in Toast, so the product page says "Free shipping over $100." and the cart counts down to it. Set it to your real threshold, or 0 if you don't offer free shipping (chapter 2).
- Delivery zones, fees and the pickup note are sample Sydney suburbs, postcodes, prices and a made-up address. Closed days and dates starts as Monday. Replace them all (chapter 10).
- The product page's Trust row, Delivery note and accordions, and the hero's Fact 1 to Fact 3: "Order by 2 pm, ships today", "Air-filled, lasts weeks", "Delivery and setup across the Inner West from $25.", "Unopened kits can come back within 30 days", "Same-day pickup", "Helium on the day" and the like. A trust row shows on every product that uses the template.
- Every testimonial. The quotes and names are invented. Replace them with real reviews or delete them. Publishing made-up reviews can break consumer law.
- Prices, times and places written into the text, which don't update on their own: the announcement bar, "from $25", "Order by 2 pm", "within one business day", "Marrickville", "Northern Beaches" and the footer's About text.
- The newsletter's promise ("One email a fortnight"). The theme doesn't send anything itself (chapter 4).
- Publish: when you've checked a product, a garland, a party box, the cart with a date and a postcode, and the home page on your phone.