0

I tried i include the swiper.min js. but not working.

https://idangero.us/swiper/demos/080-scrollbar.html

i added this slider in our product phtml file then coming error please let me know how we can fix this screenshot. http://prntscr.com/lmbmis

http://magento-213836-648260.cloudwaysapps.com/demo this is my site link.

Improve this question
9

1 Answer 1

Reset to default
0

Magento doesn't work properly with third part js libraries, if not included using require js. You've just added script in the body. Check this post to include js library with jquery dependency;

How to add js libraries that require Jquery to magento 2 using requireJs

Improve this answer
5
  • github.com/nolimits4web/Swiper/blob/master/demos/…
    – neha rani
    Commented Nov 24, 2018 at 7:48
  • i used this jquery slider
    – neha rani
    Commented Nov 24, 2018 at 7:48
  • Copy the code from your phtml and paste it in the question.
    – Vivek Kumar
    Commented Nov 24, 2018 at 7:50
  • Our theme require.config.js code "var config = { paths: { 'js': "Magento_Theme/js/swiper.min" }, shim: { 'js': { deps: ['jquery'] } } };"
    – neha rani
    Commented Nov 24, 2018 at 8:03
  • <script src="magento-213836-648260.cloudwaysapps.com/app/design/frontend/…> <script> require(['jquery', 'glide', 'domReady!'], function($, glide){ $(function(){ var swiper = new Swiper('.swiper-container', { scrollbar: { el: '.swiper-scrollbar', hide: true, }, slidesPerView: 4, spaceBetween: 30, slidesPerGroup: 1, loopFillGroupWithBlank: true, }); }); }); </script>
    – neha rani
    Commented Nov 24, 2018 at 8:04

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.