Guides

Set up Comers, step by step

Follow the guides in order for a first-time setup, or jump straight to the part of the store you want to change. Every step tells you exactly where to click.

Home pageHeaderCM HeaderTemplateCM Hero1Click to open its settingsCM SlideAdd blockAdd sectionFooterCM Footer2CM HeroHero layoutFull-bleed image/video + overlaysColor panel keeps your panel background color with media on top. Full-bleed fills the section. Static disables the slider.HeadingSalesType your text. Default: “Sales”.Autoplay slidesA switch. On by default.Theme editor · pick a section on the left, change its settings on the right

Start here

01Install ComersUpload the theme ZIP, preview it safely next to your current theme, and publish when you are happy. 10 min · 8 steps 02Learn the theme editorA five-minute tour: templates, sections, blocks, theme settings, device preview and saving. 8 min · 8 steps

Brand & global settings

03Colors, fonts & global settingsSet your logo, palette, typography, page width and the Comers design system once, for the whole store. 15 min · 8 steps

Header & footer

04Customise the headerLogo, menu, layout presets, mega menus, icon order, the header button and the mobile header extras. 20 min · 11 steps 05Customise the footerNewsletter signup, brand block, four menu columns, social icons, copyright line and block ordering. 15 min · 9 steps 06Mobile navigation & tab barSet up the bottom tab bar, mobile hero slider and the pop-ups that appear on phones. 10 min · 7 steps

Pages

07Build the homepageWork down the default homepage stack section by section, then add, remove and reorder to suit your brand. 30 min · 12 steps 08Set up the product pageArrange the product information blocks, size guide, purchase buttons and the sections below the fold. 20 min · 9 steps 09Collection & search pagesProduct grid columns, pagination style, filters, sorting and predictive search. 10 min · 8 steps 10Cart drawer & cart pageChoose between a slide-in drawer and a full cart page, then arrange what appears inside. 10 min · 5 steps 11Content pages: about, contact, blog & moreStandard pages, the contact page, blog and articles, the 404 page and the password page. 15 min · 8 steps

Build your own

12How sections and blocks workThe building blocks of every page: adding, reordering, hiding, duplicating and styling them. 12 min · 9 steps 13Build your own designCreate custom templates, combine sections into your own layouts, and add custom code where you need it. 25 min · 10 steps 14Advanced control: restyle without codeUse CM Advanced control to target parts of the store with style rules, text replacements and code snippets. 12 min · 9 steps 15CM+ Builder: design a section from scratchBuild a free-form section from 38 CM+ blocks, in one to six columns, when no ready-made section fits. 15 min · 7 steps

Launch & maintain

16Launch checklist & safe updatesTest the full shopping journey before publishing, and update the theme later without losing your work. 15 min · 8 steps 17TroubleshootingQuick fixes for the questions that come up most often when setting up Comers. 8 min · 10 steps