There are few options on how to include/import Swiper into your project:
We can install Swiper from NPM
npm install swiper
import SCSS in the src/assets/scss/plugins.scss
file
@import 'swiper/swiper-bundle.css';
Add the js file on the page you need to use.
<script src="assets/libs/swiper/swiper-bundle.min.js"></script>
Below the example how to use the package and make it working swiper on any page.
PHP
<div class="swiper paginationDynamicSlider"> <div class="swiper-wrapper"> <div class="swiper-slide"> ... </div> <div class="swiper-slide"> ... </div> <div class="swiper-slide"> ... </div> <div class="swiper-slide"> ... </div> </div> <div class="swiper-pagination"></div> </div> <script src="assets/libs/swiper/swiper-bundle.min.js"></script>
JavaScript
var swiper = new Swiper(".paginationDynamicSlider", { pagination: { el: ".swiper-pagination", dynamicBullets: true, }, });
Be the first to know about new updates and exclusive discounts. No spam, just great offers!
How about
With over 7 years of experienced team, we specialize in delivering custom projects for startups, blue-chip companies, and government agencies. We have successfully completed over 250+ projects, providing tailored solutions that meet the unique needs of each client.
Hire Us© Domiex Created & Crafted by SRBThemes.