Getting started
Chapter 1 of the Littles user guide.
What's in your download
| File | What it is |
|---|---|
Littles-1.0.0-littles.zip | The theme with the Littles preset: baby and kids' clothing boutiques |
Littles-1.0.0-playroom.zip | The theme with the Playroom preset: wooden and educational toys |
Littles-1.0.0-sprout.zip | The theme with the Sprout preset: organic baby and nursery |
Littles-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, fonts, words, home page, product page, collection page, wish-list page, 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 until you choose one.
Presets
| Preset | For | Palette | Fonts | Cards | Home page |
|---|---|---|---|---|---|
| Littles | Baby and kids' clothing boutiques | Bunny | Fredoka headings, Muli (Mulish) body | Portrait 4:5 pastel tiles, age badge, size chips, an "Organic" chip | Collage hero, the Shop by age growth chart (six ages, newborn to 6 years), new arrivals, a gift guide (Newborn gifts, Under $30, Baby shower), the organic cotton story with certification chips, the wish list promo, testimonials |
| Playroom | Wooden and educational toys | Crayon | Grandstander headings, Muli body | Square 1:1 tiles, age badge, a "Non-toxic" chip, no size chips | Collage hero, the Shop by age growth chart (six ages), Shop by skill (Fine motor, Imaginative play, Early maths, Music and movement), new toys, the safety story, a birthday wish list promo, testimonials |
| Sprout | Organic baby and nursery | Oat | Quicksand headings, Muli body | Portrait 4:5 tiles, age badge, size chips, an "Organic" chip | Split hero, the certifications story first, the Shop by age growth chart (the first year: four ages, newborn to 2 years), first-year basics, a gift guide (Newborn bundle, For the nursery, Under $40), a baby shower wish list promo, testimonials |
Every preset's product page has the same buy box: the age badge, title, subtitle, price, certification chips, the variant picker with size tiles, the size helper strip, the age warning right above the buy buttons, the buy buttons with a heart, three perk lines, stock, a back-in-stock request, pickup, the product description and a "Shipping and returns" row. Under it, the Size guide and safety section holds the size table and the "Safety and materials" panel, then "Complete the look" and "You might also like" recommendations. Sprout shows up to four certification chips, the others three. The fourth palette, Sorbet (an apricot page, peach and lilac tiles, blackcurrant buttons), has no preset of its own; choose it in Theme settings › Colors on any preset.
Each preset's perk lines and "Shipping and returns" row match its own demo terms: Littles "Free shipping over $75" and returns "unworn and unwashed", Playroom "Free shipping over $99", birthday wrapping and returns on toys still in their box, Sprout "Free shipping over $120", carbon-neutral shipping and recycled gift wrapping. Rewrite them to your own terms.
Every preset also ships these templates, which you assign to pages in admin (Online Store › Pages, then the page's Theme template field):
| Template | Use it for | What's on it |
|---|---|---|
page.wish-list | Your wish-list page (chapter 10) | The Wish list section: the shopper's saved things, "Share this list" and the shared view |
page.contact | Your contact page | The contact form ("Write to us") with an order number field and two text columns |
page.compare | Side-by-side comparison (chapter 4) | The comparison table |
page.size-guide | Your size guide page (chapter 9) | The page's own title and text, then the Size guide section: your Default size table with the cm · kg / in · lb switch |
The header's heart links to /pages/wish-list until you choose a page in Theme settings › Wish list › Wish list page, so give your wish-list page the handle wish-list, or choose it there. The Littles preset also links its hero's "Find their size" button and the Shop by age note to /pages/size-guide: create a page called "Size guide" (handle size-guide) with the page.size-guide template, or point those links somewhere else.
Install
- In Shopify admin, go to Online Store › Themes.
- In the Theme library, click Add theme › Upload zip file and choose the zip of the preset you want. Don't unzip it first.
- When the upload finishes, click Customize to open the theme editor and make it yours.
- 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
- Brand: Theme settings › Brand: your logo, or the shop name with a small star doodle beside it, a short line under it, and a favicon.
- Colors and fonts: Theme settings › Colors › Color palette, then Typography (chapter 2).
- Menus: in admin, Content › Menus: build the main menu (with a "Shop by age" link if you like) and the footer menus (chapter 3).
- Real numbers and promises: the presets ship with demo words. Set Theme settings › Commerce › Free shipping over to your own free-shipping threshold (or 0), and rewrite the announcement bar, hero ticks, perk lines, testimonials and the gift guide tiles so they only promise what you offer.
- Sizes: check Theme settings › Sizing › Size option names lists the option names your products use for sizes ("Size, Age" by default), and that the Default size table matches your sizes (chapter 9).
- Product data: create the metafield definitions (chapter 7) and fill them on a few products to see age badges, certification chips, the age warning and materials and care appear.
- Shop by age: install Shopify's free Search & Discovery app and add the age filter, or give each age tile its own collection (chapter 8).
- Wish list: create a page with the
page.wish-listtemplate and link it in your menus (chapter 10). For the Littles preset's "Find their size" links, also create the size guide page with thepage.size-guidetemplate. - Gift wrap: create a gift wrap product and choose it in Theme settings › Gifting (chapter 12).