With many tabs, the titles no longer fit in one row and wrap onto several lines.
The Swiper Effect of the Tabs/Tours widget from The Plus Addons for Elementor keeps all titles in a single row. Visitors drag the row, or use arrow buttons, to reach the rest.
To check the complete feature overview documentation of The Plus Addons for Elementor Tabs/Tours widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — Swiper Effect needs The Plus Addons for Elementor Pro. The Tabs/Tours widget itself is free.
- Widget to enable: Tabs/Tours, switched on under The Plus Addons > Widgets.
- Layout set to Horizontal. The option is hidden for vertical tabs.
How to Add the Swipe or Slide Effect
- Add the Tabs/Tours widget and add your tabs in Content.
- Open Extra Option and turn on Swiper Effect.
- Choose a Mode: Swipe or Slide (see below).
- Optional: turn on Loop, and in Slide mode Center Mode.
Swipe or Slide?
| Mode | What visitors see |
|---|---|
| Swipe (default) | One row of titles with no buttons. Visitors drag the row sideways to reach more titles. |
| Slide | One row of titles with next and previous arrow buttons. Visitors click the arrows or drag the row. |
Loop and Center Mode
- Loop makes the row of titles loop. In our Slide mode test the previous button was active from the start instead of greyed out.
- Center Mode (Slide only) starts the row with the first title in the middle. It hides the arrow buttons, so visitors drag the row.
You can change the arrow icons, their size and the look of a disabled arrow in Style > Swiper Slide.
How It Behaves
- Clicking any title in the row opens its tab, in both modes.
Limitations
- Only for horizontal tabs.
- Center Mode removes the arrow buttons.
- Slide mode with Loop on breaks a carousel connection.
- The Swiper Effect is not part of the free plugin.
Troubleshooting
I can’t find Swiper Effect
Set Layout to Horizontal. The option is hidden for vertical tabs.
The arrow buttons are missing
Arrows only appear in Slide mode with Center Mode off.
