Usage
Styles
Section titled “Styles”Switch styles in Website → Themes. Each style has its own logo colours: upload your logo per style in Website → Themes → Logos.
| Style | Look |
|---|---|
| Market | Cream market paper, basil-green type, tomato hero box, green Add buttons and offer band, white cards with a soft shadow and inset image wells, 20 px corners. |
| Greenhouse | Pale leaf ground, deep green header band, lemon highlights, flat cards with full-bleed image tops, large 26 px corners, regular-width headlines. |
| Citrus | White shop with a lemon header and menu, black hero with lemon type, ink-outlined cards with a ruled image edge, square buttons, condensed heavy headlines. |
| Deli | Parchment ground, espresso header, mustard buttons and top bar, olive hero, cards with a perforated “ticket” line between image and text. |
Product data the cards and product pages use
Section titled “Product data the cards and product pages use”Pantry shows these only when the data exists; nothing is invented. Create the features in Products → Features and fill in the Feature code exactly as below (any feature name and language works):
| Feature code | Type | Shown as |
|---|---|---|
PACK_SIZE |
Text (e.g. 500 g, 1 kg, 500 ml, 1 L, 6 pack, 1 bunch) |
Unit line on cards, in the recipe block and on the product page: “500 g · $5.60/kg”. The price per kg, per litre or each is calculated from the current price (incl. discounts), so it never goes stale. |
ORIGIN |
Text | Product page: unit line and the Origin fact. |
STORAGE |
Text | Product page fact Storage. |
SHELF_LIFE |
Text | Product page fact Keeps. |
ALLERGENS |
Text, comma-separated | Allergen chips under the product tabs. |
ORGANIC, LOCAL, VEGAN, FAIRTRADE |
Single checkbox | Produce stickers on the image (ticked = sticker). |
NUTRITION |
Group of features, named e.g. “Nutrition per 100 g” | Nutrition table: one row per feature inside the group (name and value, with the feature’s prefix/suffix, e.g. suffix kcal or g). The text after “per” in the group name becomes the column heading. |
Sale stickers come from the standard discount labels; the Kavio Labs Product Labels & Stickers add-on works too.
Add → stepper
Section titled “Add → stepper”Product cards end in a green Add button (also in category, search and vendor grids). After the product is in the basket, the card shows a green ring, an “In basket” tag and a − n + stepper; − and + change the quantity in the basket without leaving the page (0 removes the product). The basket state comes from the cart block, so it is correct for every visitor, also with the full page cache. Products with required options keep the standard Select options button; products in the basket with several option combinations keep the Add button.
Aisle bubbles
Section titled “Aisle bubbles”In the Block Manager choose the template Aisle bubbles (Pantry theme) for any Categories block:
- Layout: Row of bubbles (homepage “Shop by aisle”) or Aisle list (side column) (category pages).
- Show product counts.
Each bubble shows the category image (square images work best; use cut-outs or images on white), otherwise a produce icon that matches the category name (fruit, vegetables, bakery, dairy, eggs, cheese, pantry, oils, coffee & tea, herbs, berries, …), otherwise the first letter. The active category gets a green ring. On category pages the subcategories are shown as bubbles automatically.
Shop the recipe
Section titled “Shop the recipe”Choose Shop the recipe (Pantry theme) for a Products block and pick the ingredients (filling Manually). The
block name is the recipe title. Settings: introduction, recipe facts (comma-separated, e.g. 25 min, Serves 2, Vegetarian), illustration (pasta bowl, salad, breakfast, or your own image URL, 4:3). Shoppers untick what they already
have; the button shows the count and total and adds all ticked products to the cart at once (standard add to cart).
Homepage
Section titled “Homepage”The homepage comes from the theme’s layout (Website → Themes → Layouts); every section is on by default:
- Top bar note and header delivery pill (theme settings).
- Shop by aisle: Categories block with the Aisle bubbles template.
- Pantry hero: market box with crate illustration, price and roundel, plus two promo cards. Edit the texts and
the links (
{"categories.view?category_id=166"|fn_url}) in the block’s content; keep the classes. - Multi-Vendor: Our growers and makers (Vendors block) as round logo bubbles.
- This week’s deals: Products block with Product grid section (Pantry theme) (4, 5 or 6 columns, optional note next to the title); a swipeable row on phones.
- Shop the recipe block.
- Fresh from the fields: products on sale in the Pantry grid.
- How delivery works: three tiles (edit the texts in the block’s content).
- Offer band: the newsletter sign-up row of the footer, styled as a coloured band.
Blog, Reviews and Brands are in the layout but disabled; enable them on the Layouts page if you need them.
The Main menu block uses the template Mega menu with “More” (Kavio theme). The first item gets the “All aisles” look; Sales and Promotions items become offer chips on the right. Items that do not fit move into “More”.
Phones
Section titled “Phones”The header shows logo and basket in one row, the delivery pill and the search below; aisle bubbles and the deals become swipeable rows; product grids show two products per row with a round Add button; the bottom bar gives one-tap access to home, menu, search, account and cart, and the basket bar floats above it while the basket has items.