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
- Set name
- In basic tab select carousel layout
- Set 9 items for total and 0 feature
- Now go to item list
- And basic ordering
- Use Added -- Most recent first
Now we will check the item list
- Got to items list
- 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
- Set behaviour to static
- Include methode
- Select you wanted category
Â
Â
Now we will set the display option in layout part
- Go to layout part
- You will find the carousel option
- Go to standard items (we don't need to custom feature because we set 0 on it)
- Choose content placement in overlay
- Set to display overlay always (an not on hover)
- Set auto fit and strech to adapt image on size
- Now in Carousel option tab you can set more option
- Just set horizontal direction
- Size mode to responsive
- 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) !