The ‘Image gallery‘, ‘Post grid‘ and ‘Relationship post in a grid‘ widgets now integrate the new Slider display mode.
It comes with a range of flexible and modular customization options relative to the component used.
You can freely resize images by controlling their height, width, and aspect ratio.
Automate scrolling and the number of items displayed as well as several animation options.
Select slider mode
To enable Slider mode, open the ‘Layout’ section and select ‘Slider’ from the list.
The ‘Slider’ section appears in the list of sections.
Beyond after unfolding it you can apply the configuration you want.
Configure the slider
Autoplay: items scroll automatically,
Autoplay speed: scroll speed,
Loop: the scroll resumes at the beginning or not. Enabled with Autoplay = ‘yes’,
Displayed images: Number of items displayed,
Direction: scroll direction (left or right)
Transition effect: four transitions (Default, Coverflow, Creative, Fade). ‘Creative and Fade’ transitions display only one item at a time. You can change the width of the slider,
Image ratio: five aspect ratios for images (Default, 4/3, 3/2, 16/9, 26/9),
Vertical position: position the image vertically according to the selected ratio.
Navigation: two arrows on either side of the slider to move items forward/backward,
Pagination: a series of bullets under the slider to illustrate the number of items and their movement,
Display scollbar: discreet scroll bar under the slider to illustrate the number of items and their movement.
Style controls and buttons
Final outcome
Post grid slider with the last ten posts.
Side-by-side layout with text on the left
Slider autoplay equal ‘yes’ + Transition effect equal ‘Fade’ + Display scrollbar equal ‘yes’.
The link is on the title and on the image.
How to add widgets with header footer builder
Header and footer builder for Elementor comes with the necessary widgets to create custom headers and footers for every post type on your site
How to create custom headers and footers with elementor
Header Footer for Elementor is a new feature that allows you to create your own templates and display them in all or part of your site. This feature comes with the necessary widgets to build your templates without other plugins.
Add multiple background images with Elementor
Multiple background images is a new component that allows you to display multiple images in one element, position them finely and apply filters for attractive rendering
Create custom admin page for your woocommerce shop
Build a custom admin page with the advanced queries module specially developed to integrate effectively with the Woocommerce product.
WooCommerce Product Grid for Elementor
The WC Product Grid for Elementor will allow you to create a perfect grid of products that you want to sell or present as a catalog
Dynamic WooCommerce Tags for Elementor
EAC implements dynamic tags for WooCommerce products that will allow you to maintain consistent data across your business.
Create amazing image gallery using elementor
Image Gallery for Elementor is a component that allows you to present your images in an attractive way with different display modes and a range of flexible customization options
How to create animation effects in elementor
Animation Effects for Elementor free Version is a new feature that extends the current motion effects, adds new animations and settings
How to customize wordpress navigation menus
Customize Navigation Menu is a new feature that allows you to add a badge, icon or image to each of your menu items from a simplified interface
Add Lottie animation in Elementor
Lottie Animation for the free version of Elementor is a new widget that allows you to enhance the user interface and will enhance the visual experience of your visitorsCredit
Slider mode is integrated with the Swiper.js library