The **Carousel component** offers a dynamic way to display visuals.

## How to edit in the back office? 



 

 

 



   ![carosel editing GIF](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Screen%20recording%202025-01-13%2017.35.31_0.gif?itok=1Xk2EhS5)   





 

 





 

 

The **Carousel component** allows you to easily manage and display dynamic visual content.

In the back office, you can provide an **admin title** to quickly find and edit your elements.

You can select a **media** that will appear as an **image in the carosel.**

Add a title and description that will be displayed at the bottom left, beneath the image.

Additionally, you'll need to provide the **URL link for the page** the carosel references.

In the "Attribute" dropdown menu, it’s recommended to choose the **'New Window'** option for the 'Target' field.



 

 

 



 

 

 

 





## Example:



 

 

 



 

 

 

 





  Previous        [    ![Image veolia example ](/sites/g/files/dvc2391/files/styles/carousel/public/image/2024/11/CHILI-3081_1.jpg.webp?itok=xOaeSnXn)   





 ](https://www.sf.userguide.veolia.com/node/1486/edit) 

###  [Caption title 1](https://www.sf.userguide.veolia.com/node/1486/edit) 

Caption description 1

 

 

 

 

 

 



 

 [   ![Image veolia example ](/sites/g/files/dvc2391/files/styles/carousel/public/image/2025/01/_DSC6245.jpg.webp?itok=z1eT5ZNo)   





 ](https://www.sf.userguide.veolia.com/node/1486/edit) 

###  [Caption title 2](https://www.sf.userguide.veolia.com/node/1486/edit) 

Caption description 2

 

 

 

 

 

 



 

 

  Next        

 

 




## Enhance your web pages with components

[Discover all the components here](/drupal-essentials/components)

 



 

 

 



 [   ![container icon](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2812%29.jpg.webp?h=b202b291&itok=vmeeKQt-)   ](/text)[Text](/text)

 

###       [Text](/text) 

 

 

 



 

 [   ![Card logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2832%29.png.webp?itok=IkpmBO28)   ](/card)[Card](/card)

 

###       [Card](/card) 

 

 

 



 

 [   ![Quote logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2833%29.png.webp?itok=h2rKsDhF)   ](/quote)[Quote](/quote)

 

###       [Quote](/quote) 

 

 

 



 

 [   ![Tab logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2834%29.png.webp?h=ac45851e&itok=iVXOgSle)   ](/tab)[Tab](/tab)

 

###       [Tab](/tab) 

 

 

 



 

 [   ![Employee logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2835%29.png.webp?h=7699e6c3&itok=Po8T6NPm)   ](/employees)[Employee](/employees)

 

###       [Employee](/employees) 

 

 

 



 

 [   ![Iframe logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2836%29.png.webp?h=3089ca13&itok=yg-giCJz)   ](/iframe)[Iframe](/iframe)

 

###       [Iframe](/iframe) 

 

 

 



 

 [   ![Integration Code logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2838%29.png.webp?itok=vZx3cgmj)   ](/integration-code)[Integration Code](/integration-code)

 

###       [Integration Code](/integration-code) 

 

 

 



 

 

  Previous         Next        

 

 

 




## Ask for support

We use ServiceNow to track all of your requests and questions

[Create a ticket now](https://veglobal.service-now.com/s3c?id=service_catalog&root=fcec05201b1649504d79dce2b24bcb50)

 



 

 

 



 

 

   ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/04/image%2014%20%283%29.png.webp?itok=j1xAfftb)