Quick setup

Open Online Store → Themes → Customize on Munich. Everything below happens in the theme editor. Theme settings are behind the gear icon in the left sidebar; sections are listed per page in the same sidebar.

1. Logo

Theme settings → General → Logo. Upload a PNG or SVG with a transparent background. Munich takes any shape, wide or square, and sizes it with Logo width. Optional extras: a Light logo for dark footers and dark sections, and a Mobile logo if your main mark is too wide for a phone.

Without a logo the header shows your shop name as a wordmark in the heading font. That is a perfectly good start.

2. Colors

Theme settings → Colors. Munich comes with five color schemes. Each scheme is a complete surface: background, secondary background, text, secondary text, border, hairline, button, button label and accent. Sections do not have their own color pickers. Every section has a Color scheme setting instead, and the scheme decides how the section looks.

Start by editing scheme 1 (the page background) and scheme 4 (the dark brand surface). Set the background, the button and the accent to your brand colors and leave the rest until you have seen a page. Change one scheme at a time and look at the home page in between. See Colors for what each role does.

3. Typography

Theme settings → Typography. Three fonts: Body font for text and interface, Heading font for headings, and Accent font for the highlighted words inside headings and for pull quotes. The default pairing is DM Sans with DM Serif Display. If you change only one thing, change the accent font: it is what gives the theme its editorial voice.

Heading scale enlarges or shrinks every heading at once. Mobile headings follow at 85 percent, so you do not set them separately.

4. Menus

Menus are store data. Create them in Online Store → Navigation in the Shopify admin, then tell the theme which ones to show:

• Header → Navigation → Menu. The default is your main menu. Any top level entry that has children opens as a dropdown; add Mega menu column blocks to the header to turn a dropdown into a panel with images.
• Footer → the Menu blocks each show one menu with a heading. The footer’s Legal menu in the bottom bar is where policy pages go.

5. Build the home page

The home page arrives with the Munich preset already in place: slideshow, marquee, rich text, multicolumn, featured collection, image with text, highlights, testimonials, collage, blog posts, social gallery. Work through it top to bottom:

1. Click a section in the sidebar, replace the sample text and images with yours.
2. Point every section that reads store data at the right resource: the featured collection at your collection, the blog posts at your blog, the product blocks at your product.
3. Hide what you do not need yet with the eye icon. Reorder with drag and drop.
4. Add what is missing with Add section. Every section appears once in that list; layout variants live inside the section under Layout.

Then open a product page from the page picker at the top and do the same for the buy box. The order of title, price, bundles, benefits and buttons is a matter of dragging blocks. See Product information.

6. Cart, search and the small things

Theme settings → Cart: choose drawer or page, set the free shipping threshold to match your shipping rates (or 0 to hide the bar), and pick an upsell product. Theme settings → Social media: fill in the profiles you have; the footer only shows the ones that are set. Theme settings → General → Favicon: a 32 x 32 PNG.

That is the first half hour. The rest of this documentation is one page per section and one page per settings panel, in the order they appear in the editor.