I have used these 2 codes in related-products.liquid and theme.liquid
and the option is showing in theme customizer but its not working what can i do now can anyone pls help. Thanks
Hi,
- You need to utilize a JavaScript library like Swiper.js
- Add Swiper.js to Theme
- Link Swiper.js to Theme (theme.liquid)
- related-products.liquid or the section controls the related products display wrap the product list in the Swiper.js HTML structure
- Initialize Swiper for mobile and desktop by using script
Script example
Adjust CSS for styling
Can you please give me a step by step guide how can i get swipe on mobile and carousel on desktop in Related products section