Homepage and Banners

How to change the homepage — the images, the words, the French versions, and the settings to leave alone.

Everything here happens in the theme editor

The homepage is not edited from Products or Content. It is edited in the theme editor: Online Store → Themes → Customize. The page opens with a preview in the middle and a list of its sections down the left; clicking a section opens its settings on the right.

The theme editor. Desktop image and Mobile image are separate fields, each stating the size it wants.
The theme editor. Desktop image and Mobile image are separate fields, each stating the size it wants.

What is on the homepage

SectionWhat it isWhat you can change
SlideshowFive rotating full-width slidesImage, mobile image, sub-heading, headline, button text, button link
Mission statementShort centred textText
Our storyThe heritage blockText
Mission barA narrow line of textText
Scrolling bannersThree tall full-width images with copyImage, mobile image, sub-heading, headline, button
CapabilitiesSix short blocksText
BrandsTen brand tilesImage, title, link
Category showcaseFour department cardsImage, title, button text, collection
LookbookA wide image sliderImage
Inside JessarTwo content blocksImage, text
Brand logosFifteen partner logosImage
In-store gallerySixteen retail shelf photographsImage
DoorsTwo large image cardsImage, text, link
Gifting bandA single bandText
Closing textA short paragraphText

Changing a slide or a banner

  1. Prepare both imagesBefore you start

    The editor states the sizes it wants: 1920 x 900px for the desktop image and 600 x 480px for the mobile one. Match those shapes — a different ratio crops rather than resizes.

    Two files ready, at the stated sizes

  2. Open the theme editorOnline Store → Themes → Customize

    The homepage opens by default. Find Slideshow in the left-hand list and click the slide you want.

    The slide's settings are open on the right

  3. Replace the desktop imageSlide settings → Background

    Select the image and choose the replacement.

    Preview updates

  4. Replace the mobile imageSlide settings → Background (mobile)

    A separate setting. Skip it and the old picture stays on phones, which is where most people will see it.

    Mobile preview updates

  5. Update the words and the buttonSlide settings

    Sub-heading, headline, button label and button link. Point the button at a collection rather than typing an address.

    Copy correct, button goes to the right place

  6. Save and check the live sitejessar.ca

    On a computer and on a phone.

    Correct on both

The French homepage can use different images

Slide images are translatable, not just slide text. Both Background and Background (mobile) can hold a different file for French.

This matters whenever artwork has words baked into it. Translate the headline and leave the picture, and the French page still shows English text inside the image.

WhatWhere
French headline, sub-heading, button labelApps → Translate & Adapt → Theme
French slide imageThe same place — the Background fields appear alongside the text

What not to touch

The settings below change how the site is built rather than what it says. They are easy to reach and hard to undo, and they are not part of updating homepage content.

Leave aloneWhy
Adding, removing, hiding or reordering sectionsChanges the structure of the page and the order the story is told in
Theme settings — colours, typography, buttons, layoutApplies across the entire site, not just the homepage
Colour scheme on a sectionEach section is set to a specific scheme deliberately; changing it breaks the page's rhythm
Padding, spacing, section height, container widthTuned per section to match the design
Anything under App embeds or Custom CSSSite-wide behaviour
The header, footer or menuStructural and site-wide
Theme actions — publish, rename, duplicate, deleteCan take the site down or overwrite work
The code editorNever. Theme code changes go through RevShift