Nunjucks Design
Nunjucks only —.njk + settings.json + assets/.
For React / Visual Builder, open Vite Design.
Join Markt does not parse Liquid.
What you design
Import with Code / ZIP, not Visual Builder.
Folder shape
Routes (Nunjucks URLs)
Do not use Vite paths (
/privacy, /refunds) or wrong names (privacy.njk, refunds.njk).
Design rules
- Extend
layouts/base.njkand fill the content block - Build links with the
shopUrlfilter - Load CSS/JS with the
assetUrlfilter - Card price =
minPrice/maxPrice+formatPrice - Homepage grid =
catalogItems(groups first) - On-hold when
product.visibilityequalson-hold - Policy body from
store.policies.privacy/terms/refund autoescapeis off — read Nunjucks Pitfalls before shipping- Cart: lean API lines with
productId,variantId,quantity
Policy page example
Homepage grid example
markt_component, markt_snippet — Shortcodes & Tags.