Sections
Chapter 4 of the Wick user guide.
Add a section in the theme editor with Add section. Most sections share a centered section heading: a Kicker (the small italic line with a flame above the heading), a Heading, a Subheading, Heading alignment (Centered or Left), and a Link label and Link that show under the section as a centered key. Background is Page, Band (the honey or sage surface color) and, on some sections, Glow band (the band with candlelight glowing through it) or Dusk band (the dark band). A section that needs a product or collection shows placeholder cards until you choose one, so choose one before you publish. Sections whose content is empty, such as a collection with no products or testimonials with no quotes, take no space on your storefront.
Home page and content sections
| Section | What it's for | Key settings |
|---|---|---|
| Hero | The big opening block (home and page templates) | Layout: Scene with a label (a full-width candlelit photo with the copy on a big paper label, never on the photo; without an image the scene is a dusk band), Split (the copy beside the image in a glow well) or Spotlight on dusk (the image in a glow well beside the copy on the dark band). Kicker, Heading, Body, Primary button label and link, Secondary button label and link, and Facts (short facts under the keys, separated by |, such as 50+ hour burn | Soy and coconut wax | Lead-free cotton wicks). Media: Image; for Scene, Image on phones, Image focus (Center or Bottom), Height (Short, Medium or Tall) and Label position (Center, Left or Right); for the other layouts, Image fit; and Glow color (blank uses candlelight). |
| Slideshow | Several heroes in turn (home, page and collection templates) | Layout (Scene with a label or Split), Height (Scene), Rotate slides automatically (off) and Change slides every (7s, 5 to 10). Up to six Slide blocks: image, kicker, heading, text and two buttons. Shoppers get a pause button, and slides never rotate for visitors who prefer reduced motion. |
| Shop by scent | A row of scent family tiles that open your products filtered by family | See chapter 9 |
| Featured collection | A grid of vessel cards | Collection, Products to show (8, 2 to 12), Columns on desktop (3 or 4), Layout (Grid or Carousel) and Background. The link defaults to the collection ("Shop all"). |
| Featured product | One product with its scent notes and buy buttons | Product and Layout: Spotlight on dusk (the product in a glowing well on the dark band, with the kicker "Scent of the month", its notes and a candle-gold key; Glow color) or Gallery and buy box (the product page's gallery and buy box, with Background and Enable image zoom). The pre-order settings (chapter 6) and these blocks: Title, Product vendor, Price, Scent notes, Inventory, Variant picker, Description, Buy buttons, Product link, the theme blocks of chapter 5 and app blocks. |
| Build a gift box | A three-step box builder | See chapter 10 |
| Gift sets | Ready-made sets you sell as one product each | Each Gift set block: Product (the set as one product: its price and stock are what the key adds), Tag (a small tag on the label, such as Save 10%), Heading (shown until a product is chosen), Tagline, Kit contents (a bulleted list, with flame bullets) and Button label ("Add set to bag") |
| Image with text | A story beside an image | Image, Media position (Left or Right), Image style (Glow well or Plain image), Image fit, Image ratio (Square 1:1, Landscape 6:5 or Portrait 4:5), Glow color, Stat and Stat label (a big number on a small label over the image's corner, such as 50+ / hours of burn), kicker, heading, Body (bulleted lists get flame bullets), Signature (in italics under the text, such as the makers' names), a button (Style: Key or Text link) and Background (Page, Band, Glow band or Dusk band) |
| Testimonials | Up to six customer or press quotes on paper labels | Each Quote: Quote, Name ("Customer name, town"), Detail (what they bought, or where the quote is from) and Rating (5, 0 to 5; 0 hides the stars, for press quotes). Background defaults to Band. Use real quotes only, and rewrite the default heading ("Lit in 4,000 homes, and counting") with your own words. |
| Shop the shelf | A shelf or table photo with pins on the things you sell | Image (shown uncropped, so pins stay on what they mark). Up to twenty Hotspot blocks: Product (its card shows the notes, price and an Add key), Label (blank uses the product's title), Horizontal position and Vertical position (0 to 100%) and Detail (such as 220 g · 50 hours) |
| Promises | Up to six short promises with icons | Columns on mobile (1 or 2). Each Promise: Icon (None or one of 21 icons, from Flame, Truck and Leaf to Lock and Globe), Heading, Text and Link. State only terms your store actually offers. |
| As seen in | Up to twelve press or stockist logos | Logo colors (Original, or Monochrome in one flat color that suits the palette; use transparent logos), Logo height (40px, 24 to 96), Layout on mobile (Wrap or Scroll). Each Logo needs an Image and a Company name (a logo without a name isn't shown), with an optional Link and Quote. |
| Rich text | Free text and buttons | Heading alignment and Background (Page, Band, Glow band or Dusk band). Add Kicker, Heading, Text and Button blocks. |
| Section | An empty section you fill with blocks | Takes any theme block and app blocks |
| FAQ | Questions and answers | Add Collapsible row blocks (chapter 5). Background: Page, Band or Glow band. |
| Newsletter | An email sign-up band | Kicker ("The scent list"), heading, subheading, Button label ("Sign up"), Customer tag ("newsletter") and Background (Dusk band, Page, Band or Glow band) |
| Blog posts | Your latest articles | Blog (shows its newest articles) or Articles (picked by hand, in your order), Articles to show (3, 2 to 12), Show excerpts (off), Background (Page or Band); the link defaults to the blog |
| Custom Liquid | App snippets or your own code | Liquid and Background (Page, Band or Dusk band) |
Product page sections
| Section | What it's for |
|---|---|
| Product | The gallery and the buy box (chapter 6) |
| Product details | The rows under the product: the burn label (Spec table), Care and safety and Collapsible row blocks (chapter 11). Background: Page or Band. |
| Product recommendations | A row of vessel cards. Recommendation type: Related products (similar ones) or Complementary products (ones that pair with this product; you choose them in the Search & Discovery app). Products to show (4, 2 to 10) and Background. The presets show "Pairs well with" (complementary) and "You might also like" (related). |
| Quick order list | For B2B customers: every variant of a product in a table with quantity fields. Heading ("Quick order"), Variants per page (25, 10 to 50) and Show SKU (on). |
Page sections
- Page: your page's content, with Show breadcrumbs, a Kicker and a facts panel (Facts heading, "At a glance") filled with Fact blocks (label and value, such as Burn time: 50 hours).
- Contact form: Kicker ("Say hello"), Form heading ("Send us a note") and Show order number field (on), with Menu column blocks (quick links) and Text blocks (a heading and text, such as your address) beside the form.
- Collections grid (the collections list page): Heading, Body, Collections (empty lists every collection), Tile glow (blank uses candlelight), Word after the count ("products") and Collections per page (12, 4 to 24).
- Collection and Search: chapter 13. Blog: Show breadcrumbs, Kicker ("From the studio"), Body, Show featured entry, Show tags, Show excerpts and Articles per page (9, 6 to 30). Article: blocks for breadcrumb, title, byline (Show author), featured image, content, tags and share.
- 404 page: heading "This wick has gone out.", body and Show the requested address.
- Password: your "opening soon" page, with a heading ("Something is pouring"), body, an Image (a candlelit scene behind the label; without one the page is a dusk band) and a newsletter form (Show newsletter form, Customer tag).
Compare
Turn on Show compare checkbox in Theme settings › Product cards, create a page with the page.compare template and choose it as the Comparison page. Shoppers tick up to three products; a tray at the bottom of the screen shows their thumbnails and a Compare key. The Compare section shows them side by side with price, availability, the scent family, scent strength and burn time (when the products have them; chapter 7), and the rows of its Spec table block; add Spec row blocks to compare more of your metafields, such as wax or net weight.