<aside> 🔗 Link to the plugin page: https://zeroqode.com/plugin/repeating-group-slider--carousel-plugin-for-bubble-1707184663557x995949772429107300

</aside>

Demo to preview the plugin:

<aside> 💡 🔗 Live Demo: https://custom-swiper.bubbleapps.io/version-test

</aside>

<aside> 💡 🔗 Bubble Editor: https://bubble.io/page?&name=version-test&id=custom-swiper

</aside>

Introduction

Transform any repeating group into a sleek looking swiper, slider or carousel.

How to setup

Vertical Swiper

Horizontal Swiper

Old Responsive

Plugin Element Properties

Swiper

Untitled

Fields:

Title Description Type
HTML ID The HTML ID of the repeating group that you want to transform into
the swiper.. Text
🫑 Content
🍥 Configuration
Direction Set the direction of the swiper. Available options: Horizontal,
Vertical Dropdown
Slides Per View Determines how many slides should be shown at once. Resizes
automatically. Number
Slides Spacing Defines the spacing between the slides in pixels. Defaults to
  1. | Number | | Initial Slide | Sets the index of the initially visible slide. Defaults to 1. | Number | | Loop | Enables or disables loop functionality of the slider. | Checkbox (yes/no) | | | 🍭 Styling | | | Animation Type | What kind of animation to use when swiping between slides. Available options: Default, Zoom, Fader, Auto move, Auto switch | Dropdown | | Duration | Animation duration for Fader, Auto move and Auto Switch. | Number | | Mode | Sets the animation that is applied after a drag ends. Available options: Snap, Free, Free-snap | Dropdown |

Element Actions

  1. Next - Changes the currently active slide to the next if it exists.

  2. Previous - Changes the currently active slide to the previous if it exists.

  3. Move To - Changes the active slide to a specific index.

    Title Description Type
    Index What index to move the slider to. Number

Exposed states