Experimental support for premium Swiper plugins

Created on 9 May 2024, 11 months ago

Problem/Motivation

It would be cool to support Premium Swiper Plugins.

We can not support all modules for now, but it seems we can support easily modules that can be loaded with modules parameter. This modules are:

- Material You Slider (EffectMaterial)
- Tinder Slider (EffectTinder)
- Shaders Slider (SwiperGL)
- Slicer Slider (EffectSlicer_
- Shutters Slider (EffectShutters)
- Panorama Slider (EffectPanorama)
- Carousel Slider (EffectCarousel)

There will be no UI for now for all this modules. For now you need to load this modules (including manually loading module JS/CSS code) and pass its parameters over advanced configuration field in yaml format. For example:

modules: [EffectMaterial]
effect: 'material'
materialEffect:
  slideSplitRatio: 0.65

This patch will also add support for defining Swiper events callback. Again define events callbacks with advanced configuration, for example:

on:
  afterInit: YourCustomFunctionCallback

✨ Feature request

Status

Needs review

Version

1.0

Component

Code

Created by

🇷🇸Serbia pivica

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @pivica
Status changed to Needs review 11 months ago11:01pm 9 May 2024
Comment 11 months ago →
🇷🇸Serbia pivica
Here is a first rough patch.

Tested for now with https://uiinitiative.com/catalog/material-you-slider#parameters module.

This will need more work and testing but it seems it is working fine.

To use this you will need to override slider template with your custom template and properly define material slider html - this will probably be added into this patch later.

You also need to use latest Swiper 11.x version for this - tested for now with 11.1.1. version.
Comment 11 months ago →
🇷🇸Serbia pivica
Comment 11 months ago →
🇷🇸Serbia pivica

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024