Arrival, rebuilt.
The page every other page is reached from.
Homepage
In buildThe front door, doing a job.Hero, range navigation and the routes into the catalogue.
Browsing, rebuilt.
One listing template, carrying the whole catalogue — the grid, the facets and what the page does as filters narrow it down.
One template, four product types.
Hayati Vape sells prefilled kits, refillable kits, e-liquids and pouches from one catalogue. These are four complete product pages running through a single template — each opens on its own product.
Prefilled pod kit
DeliveredSimple product, four specs.Fixed-flavour device at £7.99. Strength options open separate listings; multibuy at 3 for £23.
Nic salt e-liquid
DeliveredVariable product, four specs.Flavour and strength selection at £2.49, without dropping the shopper into a variant dropdown.
Refillable pod kit
DeliveredVariable product, four specs.Device at £20.99 with its pods attached. Stock figure is flagged VERIFY pending Hayati.
Nicotine pouches
DeliveredVariable product, two specs.The shortest spec set in the catalogue at £4.49, proving the template holds up with less to say.
The last two screens.
Where a regulated basket, a mixed catalogue and multibuy pricing all have to agree with each other.
Cart
DeliveredThe basket, doing the arithmetic.Quantities, removals, multibuy progress, the free-delivery bar, delivery choice and coupons all recalculate live. Works in whole pence, so the line prices always sum to the subtotal above them. A review switcher runs it through seven basket states.
Checkout
DeliveredThe redirect, made expected.Hayati use Worldpay’s hosted page, so the customer leaves the site to pay. The template keeps that flow and stops it reading as a hijack: a three-step strip above the button, a CTA that says Continue to payment rather than Place order, and thorough validation before anyone leaves. A review switcher runs it through eleven states.
18+Concept demo, not the live store. Five templates are in scope — homepage, category, product, cart and checkout. All but the homepage are delivered; the product template runs four product types, each linked separately above. Every delivered page carries its own data-provenance panel, and the cart and checkout each carry a review switcher for stepping through their states. Items marked VERIFY need a decision from Hayati.