Do you want to create an image carousel slider in Elementor that displays half-cut images on both sides? This layout keeps the active slide centered while showing partial images on the left and right, encouraging visitors to browse through the gallery.
With the center mode feature of the Gallery Listing widget from The Plus Addons for Elementor, you can build an Elementor image carousel slider with half cut images on both sides.
To check the complete feature overview documentation of The Plus Addons for Elementor Gallery Listing widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it is installed & activated to enjoy all its powers.
Best Used For:
- Photography and portfolio sites that want to display full-width image sliders with a peek of adjacent images on both sides
- WooCommerce product showcases that need a carousel layout where the active product image is centered and flanked by partial views
- Agency and event websites that use gallery sliders to lead visitors through a visual collection without switching to a separate page
To do this, add the Gallery Listing widget on the page, after selecting the appropriate listing style, select Carousel from the Layout dropdown under the Layout tab.
You can select the appropriate image popup type from the Popup Layout dropdown.
In the Content tab, select the appropriate content source and add images to the gallery.
To make a half cut image carousel slider, go to Style > Carousel Options.
Scroll down, turn on the Center Mode toggle, and adjust the Center Padding.
Note: Center mode is only available for desktop view only.
This will create the half cut image effect in the slider.
You can add scale or shadow effects from the Center Slide Effects dropdown to highlight the active image slide.
To adjust the number of columns in the slider, use the Desktop Column dropdown.
Note: Make sure to select odd column numbers to keep the active slide centered.
Also, read How to Control Image Carousel with Carousel Remote.
For a different image display format, see how to create a filterable image gallery in Elementor.
