مرحله اول:
دانلود اسلایدر Owl Carousel
ابتدا فایل زیپ Owl Carousel را از لینک زیر دانلود کنید و در پوشه js که قبلا ایجاد کرده اید ذخیره کنید
در تمرین و ادامه درس ، من فایل دانلود شده را در پوشه js که قبلا در روت هاست خود ایجاد کرده بودم کپی کرده و در همان جا اکسترکت نمودم.
مرحله دوم:
ست کردن css و javaScript اسلایدر Owl Carousel
با مراجعه به صفحه زیر آدرس های خواسته شده را برابر با ساختار وبساتتان ست کنید
ست کردن آدرس فایل های CSS و JQUREY مربوط به اسلایدر Owl Carousel
ما با توجه به ساختاری که دنبال می کنیم آدرس ها را به صورت زیر تغییر داده و در فایل head خودمان ذخیره کرده ایم
سپس کد های زیر را به مکان مورد نظر خود اضافه کنید
مرحله سوم:
در این مرحله با توجه به دموهای پیشنهادی خود Owl Carousel دموی مورد نظر خود را انتخاب می کنیم آدرس دمو ها به صورت زیر است
من از دمو Autoplay استفاده کرده ام و کد js آن به صورت زیر خواهد بود
نکته بسیار مهم: در ساختار فارسی یا ساختاری که از direction:rtl در css کانتینر آنها استفاده شده است حتما rtl:true را به js بالا اضافه کنند.
