Pages
Build the homepage
Work down the default homepage stack section by section, then add, remove and reorder to suit your brand.
Before you start
- Hero imagery or video (portrait 3:4 works well for the default layout).
- Collections for your main categories, each with a collection image.
- A handful of lifestyle images for editorial sections.
What you will have
A homepage that tells your brand story and leads shoppers into your collections.
Open the Home page template
Theme editorTemplate pickerHome page
Comers ships with 23 sections already on the homepage. You do not need all of them. Hide what you do not need now and bring it back later.
Home pageTemplateCM Hero1The eye icon hides itTheme editor · Home page › CM HeroTipClick the eye icon beside a section to hide it without losing its content.
Set up the hero
Home pageCM Hero
Start with Hero layout, because it changes which other settings matter.
Home pageTemplateCM Hero1Click to open its settings2CM HeroHero layoutFull-bleed image/video + overlaysColor panel + transparent media: Keeps your panel background colour, with cut-out media on top.Full-bleed image/video + overlays: Media fills the whole section. The default.Static: One image or video and no slider.HeadingSalesTextSell smarter with a clean, conversion-ready storefront.Button labelShop NowButton linkPaste a link or searchThe main message and primary call to action.Secondary labelOur PricingSecondary linkPaste a link or searchAn optional second button.Theme editor · Home page › CM HeroAdd hero slides and overlays
CM HeroAdd block
Blocks add the moving parts of the hero.
Home pageTemplateCM Hero1Click to open its settingsCM SlideCM Product tagCM Stat barAdd block2CM HeroCM SlideImage, Video or YouTube/Vimeo URL, plus a Dark overlay strength for full-bleed.CM Product tagA small tag with Label, Thumbnail and Link.CM Stat barA Label, Value, Bar percent and Bar color for the stats card.Theme editor · Home page › CM HeroTipSet Number of slides (1 to 6) and add an image or video for each one. Then pick a Slide transition: Fade, Slide, Zoom, Card flip, Circle reveal, Curtain open, Diagonal sweep or Soft blur.
Choose what shows on desktop and on mobile
The hero has separate Desktop features and Mobile features groups. Each lets you switch media, live badge, watchers pill, tags, stats card and social proof on or off for that device.
Home pageTemplateCM Hero1Click to open its settingsTheme editor · Home page › CM HeroFill the shop-by-category grid
Home pageCM Shop by categoryAdd blockCM Category card
Add one card per category. Each card has a Collection, Title, Card image, Card tint and Title color. You can add up to 36 cards.
Home pageTemplateCM Shop by categoryCM Category card1Click Add block and pick thisAdd block2CM Category cardShow featured row (desktop 5 / mobile 2×2)A row of five on desktop and a 2×2 grid on mobile.Show bottom 6-column full grid (desktop)An extra full grid of all categories.View all label / linkPaste a link or searchThe link in the section heading.Theme editor · Home page › CM Shop by category › CM Category cardShow products
Three sections put products on the homepage. Use one or all.
Home pageTemplateCM Featured collectionCM Product tabs railCM Shop the lookAdd section1Click Add section2Add sectionCM Featured collectionOne collection as a rail. Set Collection and Products to show, plus an optional bottom panel.CM Product tabs railTabs such as Bestsellers and New. Add a CM Tab block per tab, each with a Tab label and Collection.CM Shop the lookUp to 6 styled cards that link to products.Theme editor · Home page › CM HeroTell your story
Editorial sections sit between product rails to add brand personality.
Home pageTemplateCM Story panelCM Editorial splitCM Image with textCM Bento showcaseCM Rich textAdd section1Click Add section2Add sectionCM Story panelA framed image or video with eyebrow, heading, text, a button and a proof card.CM Editorial splitMedia beside text, with up to 4 stat blocks.CM Image with textA classic image and text pairing.CM Bento showcase / CM Mosaic featuresGrid layouts for features and highlights.CM Rich textA simple heading and paragraph.Theme editor · Home page › CM HeroAdd trust and movement
Lighter sections break up the page and build confidence.
Home pageTemplateCM Tagline tickerCM Logo marqueeCM Hover image cardsCM Spotlight media gridAdd section1Click Add section2Add sectionCM Tagline tickerScrolling taglines. Add a CM Tagline block for each phrase.CM Logo marqueeA scrolling row of press or partner logos.CM Hover image cards / CM Showcase cardsInteractive image cards.CM Spotlight media gridUp to 18 media cards.Theme editor · Home page › CM HeroTry hero blocks or a promo banner
Home pageAdd section
Two more ways to open the page. Use one in place of CM Hero, or lower down as a second banner.
Home pageTemplateCM Hero blocksCM Promo spotlightAdd section1Click Add section2Add sectionCM Hero blocksTwo or three blocks side by side. Each one is a static image or its own slider, with a small label, heading, text and button.CM Promo spotlightA badge, heading, text and button beside an image, with an optional floating product card.Theme editor · Home page › CM HeroTipIn CM Hero blocks, the Block 1, 2 and 3 width share sliders decide how wide each block is on desktop.
Show your blog
Home pageAdd section
Bring your latest posts onto the homepage. Both sections read from the blog you choose in their Blog setting.
Home pageTemplateCM Blog spotlightCM Blog carouselAdd section1Click Add section2Add sectionCM Blog spotlightOne large featured post beside a short list of the latest posts.CM Blog carouselA row of post cards with category, excerpt, date and reading time.Theme editor · Home page › CM HeroClose with FAQ and newsletter
CM FAQ accordion answers common questions and ends with a contact call-to-action. CM Newsletter collects email signups. Both work well near the bottom of the page.
Home pageTemplateCM Hero1Click to open its settingsTheme editor · Home page › CM HeroReorder, hide and add
Drag any section by its handle to move it. Click the eye icon to hide it. Use Add section at the bottom of the Template group to add another.
Home pageTemplateCM Hero1Drag the handle to reorderTheme editor · Home page › CM HeroTipA focused homepage usually converts better than a long one. Six to ten sections is a good target.