Introduction
What Munich is, who it is for, and what it promises.
Munich is a Shopify theme for stores that sell one product, or a handful. Instead of a catalog that has to survive a thousand SKUs, it gives a single product the whole page: one story, one buying decision, one path to checkout.
Who it is for
Munich suits a store with a focused range: a supplement, a skincare line, a piece of hardware, a small collection built around one idea. Every template is laid out as a landing page. The home page tells the story, the product page carries the argument and the buy box, and the collection page is a short, filterable grid rather than a warehouse.
It is a poor fit for a large catalog with deep category trees, for a marketplace, or for a store whose customers arrive knowing the SKU they want. Those stores need navigation first and story second, and Munich is built the other way around.
Design philosophy
Warm, editorial, unhurried. Munich uses a paper-toned background, generous spacing and a serif accent font for the words that matter, so a page reads like a well-made magazine feature rather than a template. Five color schemes with nine roles each let a section change its whole surface with one setting, and every section reads the same fonts, corner radii and spacing from the theme settings, so nothing you add looks bolted on.
Content is built from blocks. The buy box on the product page, the columns of a multicolumn section, the steps of a how-it-works section: all of them are blocks you add, remove and reorder in the editor. Layout and style variants live in a single Layout setting inside the section, so the “Add section” menu stays short and each section appears exactly once.
Performance
Speed is a design decision in Munich, not an afterthought. The included templates load under 19 KB of minified theme JavaScript (before compression) on first load. Additional sections, Shopify features and apps can add to that. There is no framework and no library. Search suggestions, quick view, carousel arrows and the video lightbox are fetched only when a visitor first reaches for them. Each section carries its own CSS, so a page loads only the styles it renders. The largest image on the home page and the product page is marked for priority, and everything below the fold is lazy.
Buying works without JavaScript. Every form is a real form, and if a script fails to load, the shop still sells. We do not promise a Lighthouse score, because the score depends on your images, your apps and your content, but the theme itself will not be what slows you down.
Accessibility
Keyboard paths through every overlay, visible focus, real labels on every control, one h1 per page, alt text on every image the theme renders, and animation that respects the reduced motion setting of the visitor’s device.
Tips
- New to the theme? Work through Installation and Quick setup in order. Together they take about half an hour.
- Every page in this documentation uses the same names as the theme editor. If you can see it in the editor, you can search for it here.
- Sections are documented one per page. Each page has the same shape, so once you have read one you know where to look on the others.