# Add an image slider or promo banner

Drag a **Slider** block onto your page for a rotating set of images with buttons, or a **Banner** block for a closable promo bar that holds text and a button.

## 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](https://help.dropify.shop/en/guides/set-up-your-home-page-hero-and-product-grids/)
- [Edit text, images and buttons on a page](https://help.dropify.shop/en/guides/edit-text-images-and-buttons-on-a-page/)
- [Add a popup (dialog) to a page](https://help.dropify.shop/en/guides/add-a-popup/)