The Joomla Position, or WordPress Area element respectively, allows you to select an existing position or area and render all its modules or widgets anywhere in the layout. The element collapses if all its modules or widgets have no content output.
Gaps and Dividers
Choose the layout for the modules or widgets, set the column and row gaps and show optional dividers between them.
The Joomla Module, or WordPress Widget element respectively, allows you to select an existing module or widget and render it anywhere in the layout. If the module or widget has no content output, the element collapses.
The Panel Slider element displays multiple Panel elements in an image slider. It has Title, Meta, Content, Image, Icon and Link fields.
Speedwagon
London
Meridian
Toronto, ON
Craft
New York City
Allied Marketing
Glasgow
District Five
Boston, MA
Harry's Creations
Madrid
Item Width
The Panel Slider element has options to set the item width for each breakpoint in percentage. Alternatively, expand all items to the width of their content.
Group slider items into sets and slide all visible items at once. The number of items within a set depends on the defined item width, e.g. 33% means that each set contains 3 items.
Computer
Laptops
Tablets
Smartphones
Cameras
Wearables
Consoles
Drones
Animation
Additionally, center the active slide, disable infinite scrolling or enable autoplay.
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam."
George, Phoenix, AZ
"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed consequat, leo egetaugue velit cursus nunc."
Daniel, Brooklyn, NY
"Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Ut enim ad minim veniam."
Anna, Salt Lake City, UT
"Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dutiam rhoncus. Maecenas tempus, tellus eget condimentum."
Steve, Columbia, MO
"Etiam sit amet orci eget eros faucibus fringilla mauris sit amet donec sodales sagittis magna. Sed consequat, leo egetaugue velit cursus nunc."
John, Jackson, MI
"Etiam sit amet orci eget eros faucibus fringilla mauris sit amet donec sodales sagittis magna. Sed consequat, leo egetaugue velit cursus nunc."
Sara, San Diego, CA
Navigation
Add a dotnav navigation and an additional slidenav to navigate to the previous and next slides. Define the position and margin for each navigation.
Hanna Scott
PR Manager, Mindclub
“Lorem ipsum dolor sit amet, consectetuer adipisci enean commodo ligula eget dolor. Nullam dictum felis eu pede mollis pretium.”
Steve Gordon
Developer, Node
“Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dutiam rhoncus. Maecenas tempus, tellus eget condimentum.”
Julie Duncan
Freelance Designer
“Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
Etienne Bernard Curates "Rubber Renaissance" for EOS
Wendy Katchadourian at Highline Stages
More Settings
Since the Panel Slider element displays multiple panels, their settings are explained in the Panel element documentation. Options for the different content fields are very similar across all elements. They are described in the corresponding Headline, Text, Image, Icon and Button elements.
Gianni Clifford
Founder & CEO
Lorem ipsum dolor sit amet, consectetuer adipisci enean commodo ligula eget dolor. Nullam dictum felis eu pede mollis pretium...
Robert Lewis
UX Designer
Lorem ipsum dolor sit amet, consectetuer adipisci enean commodo ligula eget dolor. Nullam dictum felis eu pede mollis pretium...
Jen Humphrey
Design Director
Lorem ipsum dolor sit amet, consectetuer adipisci enean commodo ligula eget dolor. Nullam dictum felis eu pede mollis pretium...
Pedro Castillo
Product Designer
Lorem ipsum dolor sit amet, consectetuer adipisci enean commodo ligula eget dolor. Nullam dictum felis eu pede mollis pretium...
Jane Watson
Product Designer
Lorem ipsum dolor sit amet, consectetuer adipisci enean commodo ligula eget dolor. Nullam dictum felis eu pede mollis pretium...
Mia Anderson
UX Designer
Lorem ipsum dolor sit amet, consectetuer adipisci enean commodo ligula eget dolor. Nullam dictum felis eu pede mollis pretium...
Sarah Brown
Office Manager
Lorem ipsum dolor sit amet, consectetuer adipisci enean commodo ligula eget dolor. Nullam dictum felis eu pede mollis pretium...
Tom Buckley
Marketing Manager
Lorem ipsum dolor sit amet, consectetuer adipisci enean commodo ligula eget dolor. Nullam dictum felis eu pede mollis pretium...
Smart Home Office Solutions for Small Apartments and Houses
Furniture
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.
The Overlay Slider element displays multiple Overlay elements in an image slider. It has Image, Video, Title, Meta, Content, Link and Hover Image fields.
View on Instagram
View on Instagram
View on Instagram
View on Instagram
View on Instagram
Height and Item Width
The Ovelay Slider element has options to set the item width for each breakpoint in percentage. Alternatively, expand all items to the width of their content. Choose whether the slider height adapts to its content or the viewport height.
Column Gap
Set the size of the column gap between slider items. Optionally, show a divider between them.
See the Beauty of the Balearic Island
Destination
Explore the Grand Canyon National Park
Destination
Winter Hiking in the Mountains of Alaska
Destination
Coral Reef Snorkeling in the West Bay Reef
Destination
Three Weeks Roadtrip Through Ireland's East
Destination
Visiting the Black and White Desert in Egypt
Destination
Slide All Items
Group slider items into sets and slide all visible items at once. The number of items within a set depends on the defined item width, e.g. 33% means that each set contains 3 items.
Kenya
Discover
Uganda
Discover
Namibia
Discover
Botswana
Discover
Ethiopia
Discover
Zimbabwe
Discover
Animation
Additionally, center the active slide, disable infinite scrolling or enable autoplay.
Apple MacBook Pro
New Arrivals
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Cum natoque et magnis dis parturient.
Since the Overlay Slider element displays multiple overlays, their settings are explained in the Overlay element documentation. Options for the different content fields are very similar across all elements. They are described in the corresponding Image, Headline, Text and Button elements.
Mobility Meets Perfection
Audi
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
Your Daily Dose of Vitamins
Dose Juice
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor.
Comfort & Style for Everyday
Mahabis
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
Nike Air Max Revolution
Nike
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
The Streetwear Newcommer
Lion Wear
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
Sustainable Vegan Leather Jackets
Onni
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.