Skip to content

How to add Pagination/Slider to Accordion in Elementor?

Table Of Content

Is your accordion taking up the whole page? Pagination shows a few items at a time, with previous and next arrows and a page counter.

The Accordion widget from The Plus Addons for Elementor does this with Slider & Pagination.

To check the complete feature overview documentation of The Plus Addons for Elementor Accordion 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 — Slider & Pagination is part of The Plus Addons for Elementor Pro. In the free plugin the option shows an upgrade notice instead of working.
  • Widget to enable: Accordion, switched on under The Plus Addons > Widgets.

Steps

  1. Add the Accordion widget and your items.
  2. In Content > Special Option, turn on Slider & Pagination and click the pencil next to it.
  3. Set Slide Per Page — how many items each page shows (default 3).
  4. Optional: change the Alignment of the arrows, and the Previous and Next icons or texts.
Slide per page and the arrow settings under slider and pagination
An accordion showing 3 of 7 items, with a 1 / 3 page counter
Paging through accordion items

Limitations

  • The arrows only appear when there are more items than Slide Per Page.
  • Not with Horizontal Accordion. The option is hidden while Horizontal is on.
  • Visitors page with the arrows only; there are no numbered page links.

Troubleshooting

I don’t see the arrows

You have fewer items than Slide Per Page. Lower Slide Per Page or add items.

Related Docs

Related Frequently Asked Questions

Related Docs