Add an image slider or promo banner

Steps

Image slider

1. Open Online Store → Theme Settings and select the page (usually Home).
2. Click the + icon (Add Blocks), search for Slider, hover it to see the six designs in Available Variants, then drag one onto the page. Slider is also listed under Pre-made sections.
3. Click the slider. For each slide, upload a Desktop image and a Mobile image from the Media Bucket (images up to 15 MB, JPG or PNG recommended) and fill in the title and description.
4. Add a call to action: Button text, Button URL, Open in new tab, plus button colours and radius.
5. Turn on Auto Slide and set the Delay in milliseconds (1000 ms or more is recommended). Enable Show Gradient if you want a darker overlay behind the text.
6. On the grid-style designs, set Number of items in grid / mobile / Tablet, Speed and Direction.
7. Click Save.

Promo banner

1. In Add Blocks, drag a Banner block to the top of the page.
2. Turn on Show Hide Icon if visitors should be able to close it.
3. Press + on the banner to add child blocks — a Heading or Paragraph for the message and a Button or Link.
4. Style the background and spacing in the Styles tab, then Save.

Common problems

• Slides look cropped on phones→upload a separate Mobile image sized for portrait screens instead of reusing the desktop image.
• The slider does not rotate on its own→Auto Slide is off, or the Delay is too short to notice; set it to 1000 ms or more.
• The banner has no text→a Banner is an empty container; add a Heading or Paragraph inside it with the + button.
• Slides changed in one language do not show in another→edits apply only to the language selected in the editor; switch language and repeat, then Save.

Related

• How to set up your home page: hero, sliders and product grids
• Edit text, images and buttons on a page
• Add a popup (dialog) to a page