Filament•2mo ago

Integrate swiperjs in a custom column

Hey, the goal is to create a custom column like on this https://www.immoscout24.ch/fr/immobilier/louer/lieu-geneve i have some problem with the integration of swiperjs https://swiperjs.com/swiper-api from what i have understand and what i have done npm install swiper and in app.js i add

import Swiper from 'swiper';
import { Navigation, Pagination } from 'swiper/modules';
// import Swiper and modules styles
import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
window.Swiper = Swiper;

import Swiper from 'swiper';
import { Navigation, Pagination } from 'swiper/modules';
// import Swiper and modules styles
import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
window.Swiper = Swiper;

but in my custom column impossible to create a new instance i always have Swiper not defined

@script
<script>
const swiper = new Swiper('.swiper');
</script>
@script

@script
<script>
const swiper = new Swiper('.swiper');
</script>
@script

Biens immobiliers à louer: Genève | ImmoScout24

Louer bien immobilier Genève: Trouvez le bien immobilier qui correspond à vos désirs sur ImmoScout24 - La plateforme de l'immobilier en Suisse.

Swiper

Swiper - The Most Modern Mobile Touch Slider

Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

Integrate swiperjs in a custom column