What a carousel is
A carousel is a group of images, the slides, that are shown one after another in an area of the website. From Content (CMS) › Carousel you create the carousel, choose where it appears and add its slides with text, price and button in each language.
| Concept | What it defines |
|---|---|
| Carousel | The container: its name, the area of the website where it is shown and its breakpoints. |
| Slide | Each carousel image, with its texts, its button and its link per language. |
| Zone | Where the carousel appears: above or below the Home page, the Offers page or other pages, or wherever you insert it with a shortcode. |
| Position | The order of each slide within the carousel. |
The 4 steps to publish a carousel
What do you want to do?
Carousel list
What it's for
View the website's carousels and get to their configuration or their slides.
When to use it
To create a new carousel or change the images of an existing one.
Step by step
- Click New to create a carousel.
- Click the blue pencil to change its name, its zone or its breakpoints.
- Click the green images button to view and manage its Slides.
- Click the red trash can to delete the carousel.
Create or edit a carousel
What it's for
Give the carousel a name and decide in which zone of the website it is shown.
When to use it
When preparing a new carousel, for example for a campaign, or when moving it to another zone.
Step by step
- Type the carousel's Name. It is only shown in the control panel.
- Choose the Zone where it will be shown.
- Choose the Num breakpoints value (from 1 to 6).
- Click Create carousel. You will see the message "Carousel created successfully." in the list. When editing a carousel, the button is called Update.
| Zone | Where it is shown |
|---|---|
| Home top · Home bottom | Top or bottom of the home page. |
| Offers top · Offers bottom | Top or bottom of the offers page. |
| Pages top · Pages bottom | Top or bottom of pages. |
| Shortcode | Wherever you insert it with the Carousel module of the dynamic content generator. |
Slides of a carousel
What it's for
View a carousel's images (slides) in their order, activate or deactivate them and edit them.
When to use it
To add an image to the carousel, temporarily remove it or change its order.
Step by step
- Click New to add a slide. If the carousel has none, you will see the notice "The carousel does not have any slides yet.".
- Click the green eye to deactivate a slide without deleting it ("Slide deactivated successfully."). It appears crossed out; click it again to reactivate it.
- Click the blue pencil to edit it or the red trash can to delete it.
Create or edit a slide
What it's for
Add an image to the carousel with its texts, its button and its link in each language.
When to use it
When preparing a campaign's carousel or when changing a slide's image.
Step by step
- Choose the language tab. Repeat steps 2 to 4 for each language you use.
- In Image, click the blue folder button and choose the image. It is required in every language; Tablet image and Mobile image are optional.
- If you wish, type the Title, the Subtitle, the Summary and the Price that will be shown over the image.
- To add a button, type its text in Button, the address in Link and a Link title.
- Type the Name by which you will recognize the slide in the panel and its Position in the carousel.
- Click Create slide. You will see "Slide added successfully." in the slide list.
Delete a carousel or a slide
What it's for
Permanently delete a carousel or one of its slides.
When to use it
When finishing a campaign whose carousel you will no longer reuse.
Step by step
- Click the red trash can of the carousel or the slide.
- Check the name in the Confirm deletion window and click Delete, or Cancel to not delete it. When deleting a carousel you will see "The carousel has been deleted successfully.".
Best practices
Few slides
Between 3 and 5 images: visitors rarely wait to see more.
Same-sized images
Use images with the same proportions so the carousel does not change height.
Mobile version
Add a Mobile image with the important text centered and legible on small screens.
Deactivate before deleting
Remove slides from past campaigns with the green eye and delete them once you are sure.
- Each slide has an image on every language tab.
- The texts, the price and the button are translated in each language you use.
- The button links open the correct page.
- The positions follow the order you want.
- The carousel's zone is correct.