15 - Carrousel module

In this part we will create a carousel modul with powerfull universal module flexicontent. Its incredible module because you can do all module with only one :
Template system

• Feature and standard item list
• Hide and show context
• Items list filtering with ordering, by type langue user, category date range or field value
• Layout many layout option
• Display fields value

for this tutorial we will create a carousel with last estate

Create a module type Flexicontent - universal content, assign it to your position (for protostart use banner) and lets go

1. Set name
2. In basic tab select carousel layout
3. Set 9 items for total and 0 feature

1. Now go to item list
2. And basic ordering
3. Use Added -- Most recent first

Now we will check the item list

1. Got to items list
2. Select items

Here we have many scope to filter by

• Current item
• Current language
• Favorite of user connected
• Featured
• State of item
• Date
• Tag
• Category
• Type
• Advanced date
• Value in field 

Go to Advanced filtering part

1. Set behaviour to static
2. Include methode
3. Select you wanted category

Now we will set the display option in layout part

1. Go to layout part
2. You will find the carousel option
3. Go to standard items (we don't need to custom feature because we set 0 on it)
4. Choose content placement in overlay
5. Set to display overlay always (an not on hover)
6. Set auto fit and strech to adapt image on size

1. Now in Carousel option tab you can set more option
2. Just set horizontal direction
3. Size mode to responsive
4. Number of items define, the number of column

Now you have a carousel ! you can check more more to display what you want (fields, button, animation ect) !