What It Does
The Carousel Anything block in Nexter Blocks lets you switch any slider from a horizontal scroll to a top-to-bottom vertical scroll. Instead of slides moving left and right, they stack and move up and down inside the same block, which makes it useful for testimonial columns, notification feeds, or any section where a vertical motion fits the layout better than a horizontal one.
To check the complete feature overview documentation of the Nexter Blocks Carousel Anything block, click here.
Requirement – This block is a part of the Nexter Blocks plugin, make sure it’s installed & activated to enjoy all its powers.
Why It Matters
Most WordPress carousels only move sideways, which forces a wide layout even in narrow columns like sidebars or single-column mobile sections. A vertical carousel keeps the same slide content but moves it in the direction the eye already reads on a page, top to bottom, so it reads more like a live feed than a banner. That makes it a better fit for review stacks, ticker-style updates, or any narrow container where a horizontal slider would feel cramped.
What You Get
Switching Carousel Anything to vertical mode does not remove any of the block’s other controls, it only changes the axis the slides travel on. You keep the same slide builder, the same transition and autoplay settings, and the same styling options for dots and arrows, all running vertically instead of horizontally.
- One-click Layout toggle between Horizontal and Vertical, no separate block needed
- Slide or Fade transition, both available in vertical mode (infinite loop is ignored automatically when Fade is selected)
- Autoplay with a configurable speed and pause-on-hover
- Draggable, keyboard-arrow, and mouse-wheel navigation, each toggled independently
- Dot and arrow navigation with their own style, color, and position controls
Benefits
- No extra plugin – vertical mode is a single toggle inside the same Carousel Anything block you already use for horizontal sliders.
- Fits narrow layouts – works cleanly inside sidebars, single columns, and mobile-width containers where a horizontal slider would need to shrink slides down to almost nothing.
- Same slide content, new motion – editor-built slides or pattern-based slides carry over as-is, you are only changing the direction they scroll in.
Capabilities
Vertical mode carries the block’s full control set. The main options that shape how a vertical carousel behaves:
- Slides to Show / Slides to Scroll – control how many slides are visible at once and how many move per navigation click.
- Autoplay + Speed – auto-advance slides on a set timer, with an option to pause while a visitor’s cursor is over the carousel.
- Infinite Loop / Rewind – keep the carousel cycling continuously instead of stopping at the last slide.
- Draggable, Keyboard, and Wheel Navigation – let visitors change slides by dragging, using arrow keys, or scrolling with the mouse wheel.
- Random Order – shuffle the slide order on each page load.
- Dots and Arrows styling – separate color, style, and position controls for pagination dots and prev/next arrows.
You can also add an auto scroll feature to your vertical carousel slider with the Autoplay controls in this same block. Learn the process.
How It Works
Carousel Anything is built on the Splide slider engine. The Layout setting simply switches which axis Splide animates on, horizontal (left/right) or vertical (up/down). Every other setting, autoplay, dots, arrows, drag and wheel navigation, applies on top of whichever axis is active, so nothing else in your slide setup needs to change when you flip this one control.
How to Use It
With the Carousel Anything block from Nexter Blocks, you can turn a horizontal slider into a vertical slider with just one click.
To make a vertical carousel slider, add the Carousel Anything block to the page and follow these steps:
- After you’ve created your slides in the Content tab, select Vertical from the Layout section.
That’s it, your carousel now runs vertically.
Use Cases
- A scrolling testimonial or review stack inside a narrow sidebar or column
- A ticker-style feed of announcements, updates, or logos moving top to bottom
- A vertical product or portfolio strip alongside a wider content area
Limitations
- Infinite Loop is ignored when the transition is set to Fade, this applies in vertical mode the same as it does in horizontal mode.
- The Outer Arrows placement option is documented for horizontal mode only; arrow placement in vertical mode is limited to the standard in-carousel positions.
- Two independent vertical carousels on the same page each need their own settings configured separately, there is no single control that reverses one relative to the other.
Troubleshooting
The following issues are sourced from real FluentSupport tickets logged against the Carousel Anything block.
- Infinite loop shows a blank slide before restarting. A customer reported that an infinite-loop vertical carousel briefly showed an empty slide before cycling back to the first slide (FluentSupport ticket “Infinite Carousel (Carousel Anything) is not Infinite”). If you see this, try adjusting Slides to Show/Scroll so the loop count divides evenly, or switch the transition to Fade with Rewind enabled instead of Infinite Loop.
- Two vertical carousels on the same page scroll in the same direction. Customers running two side-by-side vertical carousels have asked for one to scroll up while the other scrolls down (FluentSupport tickets “Carousel order ascending / descending” and “Carousel Anything for Elementor”). There is no single “reverse direction” toggle, each carousel block’s own settings (autoplay, initial slide, slide order) must be configured independently to achieve a mirrored effect.
- Arrows and dots don’t match the site’s design out of the box. A customer asked for custom arrow and pagination-dot styling to match their design after confirming the vertical carousel itself worked fine (FluentSupport ticket “Arrows and Pagination to the Vertical Carousel”). Use the Dots Style and Arrows Style controls, along with their color and position fields, to match your site’s design instead of relying on the defaults.
