Issue #3505418 by pivica: Pagination, navigation and scrollbar problems with...

Issue #3505418 by pivica: Pagination, navigation and scrollbar problems with multiple Swiper sliders on the same page

modules/bs_slider_swiper/js/swiper.js

@@ -24,6 +24,24 @@
           slider.dataset.bsSliderInit = true;
           const options = JSON.parse(slider.dataset.bsSliderOptions);
 
+          // For navigation, pagination and scrollbar modules we need to
+          // convert css selectors to elements in order to avoid problems with
+          // multiple sliders on the same page.
+          if (options.navigation) {
+            if (options.navigation.nextEl && typeof options.navigation.nextEl === 'string') {
+              options.navigation.nextEl = slider.querySelector(options.navigation.nextEl);
+            }
+            if (options.navigation.prevEl && typeof options.navigation.prevEl === 'string') {
+              options.navigation.prevEl = slider.querySelector(options.navigation.prevEl);
+            }
+          }
+          if (options.pagination && options.pagination.el && typeof options.pagination.el === 'string') {
+            options.pagination.el = slider.querySelector(options.pagination.el);
+          }
+          if (options.scrollbar && options.scrollbar.el && typeof options.scrollbar.el === 'string') {
+            options.scrollbar.el = slider.querySelector(options.scrollbar.el);
+          }
+
           // Thumbs support.
           if (options.hasOwnProperty('_thumbs_id')) {
             let thumbsSwiper;