Screenshots

Truffle screenshot 1

A theme for food brands that sell a small range of products in bold colours, and that ship to more than one country. Its distinctive feature is the flavour tablet: products are shown as coloured squares on a chocolate tray, and picking one floods the section with that product's colour.

On the home page, the tablet sits in the hero. Pressing a square spreads the new colour out from the point you pressed, the product image swaps, and the name rolls in letter by letter. Arrow keys and swiping work too. The same tablet switches between flavours on the product page and filters the product grid by colour on collection pages. Each product's colour and text colour come from two product metafields that the theme sets up.

International selling is built in. The header and footer have a country and language picker with search and optional country groups. A first-visit prompt suggests the visitor's country using the store's own localization settings and remembers the choice for the number of days the store sets. A "Where we ship" page template lists every country the store sells to, and a per-country shipping section shows the right delivery and duties details for the visitor's country. Prices, currencies and countries all come from the store's markets, so nothing is hard-coded.

The home page includes sections for products with quick add, a product close-up with ingredient pins, packs and gift boxes, a photo grid, a story with key numbers, questions, journal posts and a newsletter sign-up. Product pages show pack sizes, ingredients, allergens and storage notes, delivery details for the visitor's country, and a sticky add-to-bag bar on phones. The cart drawer shows progress towards free delivery.

Truffle comes with two styles: Wrapper, light and warm, and Ganache, a dark chocolate version with its own home page layout. Every page type has a template, including account, order tracking, wishlist, blog, search, contact and password pages. The theme includes English, German, Spanish, French and Italian text.

TruffleDefault · Desktop & mobile