Docs for Nook 1.0.0
Getting started
1. Add Nook to your store
-
Open the Nook listing on the Shopify Theme Store (opens in a new tab) and choose Try theme or Buy theme.
-
Pick a style. Nook comes in three, each with its own colors, fonts, layout and home page, and each with a demo store you can preview from the listing:
- Nook: light and editorial, for furniture and home stores.
- Umber: dark and gallery-like with serif headings, for lighting and home accents.
- Shore: bright and coastal, for outdoor furniture.
The style only sets starting values. Every setting stays editable, so you can change colors, fonts and sections afterwards.
-
Nook is added to your theme library under Online Store › Themes. It stays unpublished until you choose Publish.
-
Choose Customize to open the theme editor.
Trying the theme is free. You can customize it as much as you like and preview it on your own products before you buy.
2. Set your brand
In the theme editor, open Theme settings (the gear icon).
- Logo and favicon: upload a logo, or leave it empty to show your store name as a wordmark.
- Colors: Nook comes with four color schemes. The first (Parchment in the Nook style) is the page color; the last (Midnight) is the dark scheme used for the announcement bar and text over photos. Each style sets its own colors for the four, so Umber's page color is dark and Shore's is a cool white. Edit a scheme to change it everywhere it's used. Each section picks its scheme with its own Color scheme setting.
- Typography: pick fonts from Shopify's font library (Nook uses Inter throughout; Umber and Shore start with their own heading font) and adjust Body size scale and Heading size scale. Headings grow with the screen size on their own; the scales make text larger or smaller everywhere.
- Buttons, Product cards, Badges and Swatches: fine-tune how these look across your store.
See Theme settings for every option.
3. Set up menus
Under Online Store › Navigation:
- Main menu: your header menu. Items with child links open a mega menu on desktop and a second level in the mobile menu. Menus can have up to three levels.
- Footer: add one or more menus and choose them in the footer's Menu blocks.
- Customer account menu: Shopify creates this one for you. The header's account button uses it.
4. Add the custom data
Metafields are extra fields on products and collections. Nook reads a few to show dimensions, the narrowest point and collection figures. They're optional, but they're what makes furniture pages useful. Set them up once under Settings › Custom data, then fill them in on each product. See Custom data.
5. Turn on store features
These are Shopify features the theme shows as soon as they're set up:
| Feature | Where to set it up | Where it shows |
|---|---|---|
| Filters on collection and search pages | Availability and price work out of the box; add more in the free Shopify Search and Discovery app | Filter drawer and quick filter chips |
| Color swatches | Product category metafields (for example Color) | Variant picker and product cards |
| Pickup in store | Settings › Shipping and delivery › Local pickup | Product page, under the buy buttons |
| Shop Pay Installments | Shopify Payments with Shop Pay Installments | Under the price on product pages |
| Accelerated checkout | Settings › Payments (Shop Pay, Apple Pay, Google Pay, PayPal) | Product page and cart |
| Markets and languages | Settings › Markets and Settings › Languages | Country and language selectors in the header, menu and footer |
| Subscriptions | A subscriptions app that uses selling plans | Product page purchase options and the cart |
6. Build your pages
Nook includes templates for the home page, products, collections, search, the cart, blogs, standard pages and these ready-made pages: About, Contact, How it is made, Materials, Trade program, Delivery and returns, Will it fit and Care guide. See Pages and templates.
7. Check and publish
- Preview on a phone: in the theme editor, choose Share preview and open the link on your phone.
- Check that each product has images, dimensions and, for upholstered pieces, a narrowest point.
- Choose Publish.
Something here unclear or out of date? Contact support.