DocsBlock Library → Swiper

Media & Interactive Block

Swiper

A fully configurable slider powered by Swiper JS — any block can be used as a slide.

The Swiper block is CORA’s primary slider component. Post Cards, Testimonial Cards, images, or any custom pattern can be placed inside it as individual slides. It supports autoplay, navigation arrows, pagination dots, loop mode, equal-height slides, and multiple transition effects.

  • Location: Block inserter → CORA → Swiper

How to use it

  1. Add the block — Add the Swiper block to the page
  2. Add slides — Click the + inside the Swiper to add any block or pattern as a slide
  3. Configure behavior — Set slides per view, autoplay delay, loop, transition effect, and navigation style in the block sidebar
  4. Equal height — Toggle Force Equal Height to keep all slides the same height regardless of content length