Hi everyone I’ve successfully added the Swiper JS Library and CSS to our theme (Narrative). It’s currently sat in in the assets folder as swiper-bundle.min.js and swiper-bundle.min.css I’ve been attempting to initialise it but due to the lack of ability to do anything like import Swiper from 'sw…

Hi Guleria, Thanks, but I had got the script loading already using However, it’s the initializing of the instance of Swiper that I’m trying to do. As the autoplay isn’t working and the navigation isn’t working, I think I have to bring in the Navigation and Pagination modules into the js file.. b…

Hi Peterpeter, have found a solutions for integrating swiper js in your shopify store? My console always gets an error “Swiper is not defined” eventho i included everything correctly. I use the swiper init in the newly created liquid code but it doesnt work.

The thing is that swiper does not render after the liquid gets rendered :neutral_face: So you should add an event listener as ‘load’ and initialize it in there as this: window.addEventListener("load", function(){ const swiper = new Swiper('.your_swiper_class', {}); })

Problems initializing SwiperJS on Shopify

Technical Q&A

Guleria September 19, 2023, 2:04pm 2

Use

Topic		Replies	Views
Integrating swiper js in shopify Store Design liquid , checkout-page , Setting-Up	2	1094	April 26, 2024
Need help with adding Javascript to my website: What am I doing wrong? Technical Q&A	3	64	November 3, 2022
Integrating Swiper JS, console Error: Swiper is not defined Technical Q&A javascript , css , html	1	279	January 14, 2024
I am using swiperjs to make a slideshow section for dawn but it won't work...Any suggestions? Store Design	8	391	March 31, 2024
How can I install swiper.js to my project without using CDN? Technical Q&A	5	269	November 10, 2021

Problems initializing SwiperJS on Shopify

Related topics