The product page
Chapter 6 of the Wick user guide.
The Product section's settings are Show breadcrumbs (on), Enable image zoom (on: adds a zoom button to each image and opens images full screen) and the pre-order settings below. Its buy box is built from blocks you can reorder, remove or add again.
The gallery
The active image stands in a large square glow well lit in the product's scent family color (with Glow behind products set to Scent family color in Theme settings › Product cards), with the product's badges at the top and the zoom and View in your space keys at the bottom, over a row of thumbnail wells (a scrolling row on phones). The gallery handles images, video, YouTube and Vimeo, and 3D models. When a variant has its own image, choosing it brings that image forward.
Buy box blocks
| Block | What it shows | Settings |
|---|---|---|
| Product metadata | Content: Scent family and rating (a notched family tag with its dot, from custom.scent_family, and the stars and "4.9 · 312 reviews" from Shopify's product review metafields) or Subtitle (custom.subtitle, else the product type, such as "Hand-poured soy candle in amber glass"). The presets use one of each: family above the title, subtitle under it. | Show rating (on, family) or Show vendor in metadata (off, subtitle). The rating reads reviews.rating and reviews.rating_count, which review apps fill in; it hides when a product has none. |
| Product vendor | The vendor, linked to its products | None |
| Title | The product title | None |
| Price | The selected variant's price and compare-at price | Show tax note (on) |
| Scent notes | "Smells like…", the scent notes label (Top, Heart, Base) and the strength meter | See chapter 8 |
| Variant picker | One selector per option (below) | None |
| Buy buttons | Quantity, the add key with the price in it ("Add to bag · $42.00"), subscriptions, accelerated checkout, installments and the sticky bar | See below |
| Gift box link | A line with a gift icon: "Giving it away? Add it to a gift box and save 10%." | Text, Link label, Text after the link and Link (blank uses Theme settings › Gifting › Gift box page; hidden when neither is set). Change "and save 10%." to match your own box discount, or clear it. |
| Perk | One short line with an icon, such as "Free shipping over $60. Ships in 2 business days." Perks stack. | Icon (None or one of 15 icons: Truck, Leaf, Swap, Return, Gift, Flame, Wax, Wick, Jar, Care, Clock, Shield, Store, Star, Check mark) and Text (make the first words bold) |
| Inventory | "Only 3 left. Poured to order after that." at or under the threshold, otherwise "In stock"; "Pre-order" or "Sold out". Counts show only for variants whose inventory Shopify tracks and that stop selling at zero. | Low stock threshold (10, 1 to 40) and Low stock note ("Poured to order after that."; blank shows the count alone). This is separate from the card badge's threshold in Theme settings › Product cards. |
| Back-in-stock request | Under a sold-out variant: an email field and Notify me | Heading ("Tell me when it's poured again") and Text |
| Pickup availability | Whether the variant can be picked up from your locations | None |
| Description | The product description | None |
| Spec table, Care and safety | The burn label and the care and safety rows, if you'd rather have them in the buy box than under it | See chapter 11 |
The theme blocks from chapter 5 and app blocks can go between them. Blocks with nothing to show for a product take no space: a product without scent data shows no Scent notes, a product without reviews no stars.
Back-in-stock requests are sent to you, not to the shopper: each request reaches your store's sender address as a contact message naming the product and variant. Nothing is sent to the shopper automatically, and nothing subscribes them to marketing. Reply when the next batch is ready, or use a back-in-stock app instead.
The variant picker
Each option shows as the selector that suits it:
- Swatches: options whose values carry swatches (set them in the product's options in admin), as small circles.
- A select menu: options with more than four plain values.
- Option tiles: everything else, three to a row: the value in the heading font, a detail line from that value's variant, and its price when the product's prices vary. The detail line reads the variant's own Net weight and Burn time metafields (
custom.net_weightandcustom.burn_timeon the variant, chapter 7), such as "220 g · 50 hours", so a candle sold in three sizes shows each size's weight and burn time on its tile.
Sold-out values stay selectable and are marked, so shoppers can still see the price and ask to be notified. Choosing a value updates the price, stock, scent notes (when variants have their own), images and buy buttons without a reload. Combined listings (Shopify Plus) work too: a value that belongs to another product loads that product in place.
Buy buttons
| Setting | Default | What it does |
|---|---|---|
| Show subscription options | On | Appears when the product has subscription plans from a subscriptions app (refills, for example). Each option shows the price Shopify calculates for that plan. |
| Show quantity selector | On | |
| Show accelerated checkout buttons | On | Shop Pay, Apple Pay and so on: customers see the methods available on their device |
| Show Shop Pay Installments | On | Appears when Shop Pay Installments is enabled on your store |
| Show sticky add-to-cart bar | On | Product pages only: appears when the add key scrolls out of view |
| Returns note | Empty | A line under the add key, such as "Free returns within 30 days" |
Gift card products show recipient fields (name, email, message and send date), so a gift card can be sent to someone else.
Pre-orders
Wick labels a variant as a pre-order only from real data, with two opt-ins on the Product section (both off by default; connect a true or false product metafield to either to choose per product):
- Show oversold variants as pre-orders: for tracked variants set to Continue selling when out of stock that have 0 or fewer in stock.
- Show single-delivery purchase options as pre-orders: for products sold only through a pre-order app's purchase options (leave it off for try before you buy).
A pre-order variant shows "Pre-order" in the stock line and on its add key, and its cart line carries a "Pre-order" property. Pre-order note adds a line under the button, such as "Ships in March" (give a date or a range); connect a product metafield to set it per product. The note is also the value of the line's "Pre-order" property.
B2B and wholesale
For customers buying for a company location, the buy box shows their catalog's quantity rules (minimum, multiples and maximum) and volume pricing ("10+" with the price per unit), and the quantity field follows the rules. Customers without B2B see none of it. Add the Quick order list section to the product template for a table of every variant with quantity fields.