مشكلة في owl carousel بحاجة لمساعدتكم

[N_Kardan]

ما هي المشكلة عند استخدام owl carousel وبحاجة لمساعدتكم
رابط المشروع

N-Kardan/test

[Alhakem]

أهلين نازار، ممكن تحدد لي أيش الذي تريد تحقيقة وماهو الذي ظهر لك بشكل متوقع حتى أكون أكثر تحديداً في مراجعة المشكلة

[N_Kardan]

أهلا استاذ الحكيم
المشكلة هي في عدم ظهور سلايد owl carousel ولم أتمكن من إيجاد حل المشكلة
لكن الكثير من الموقالات تتحدث عن مشكلة بين bootstrap 4 و owl carousel

[Alhakem]

راح تعمل إثنين تعديلات بسيطة كالتالي:

• روح على ملف Bg-Animation-en.html وغير الكلاس owl-carousel-testimonials إلى owl-carousel

 <div class="owl-carousel owl-theme">

إذا بدك تحافظ على الكلاس owl-carousel-testimonials يلزمك تروح لملفات التنسيقات الخاصة بـ owl وتعدل الكلاسات.

• راح تروح على ملف الـ custom.js وتعمل تحديث لإسم الكلاس وكمان حط الفاصلة المنقوطة بأخر السطر عشان تتجنب اي مشاكل:

$(".owl-carousel").owlCarousel({
        loop:true,
        margin:10,
        nav:false,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1
            },
            1000:{
                items:1
            }
        }
    });

يفترض بأن هذا يخليك تتجاوز المشكلة، إذا مازال عندك أي مشكلة كلمني

[N_Kardan]

شكرا لك استاذ الحكيم الحل الذي ذكرته يعمل بشكل سليم ولكن المشكلة عندما يكون هناك أكثر من owl carousel في صفحة واحدة.
فقد كنا نضيف في السابق وعلى سبيل المثال owl-carousel-testimonials لتمييزه عن السلايدر الاخر ونضيف هذا الكلاس إلى ملف custom.js

[Alhakem]

عفواً

تقدر تحافظ على الكلاس owl-carousel وتضيف كلاس اخر بجوارة

owl-carousel-testimonials owl-carousel

واستخدم الي معاه ال testimonials في ملف custom.js

المهم انه يكون الكلاس الرئيسي الي يحمل التنسيقات موجود

[N_Kardan]

شكرا جزيلا لك استاذ الحكيم
قمت بتجربة الطريقة التي اخبرتك بها الان وقد عملت بشكل جيد مع اني البارحة كنت اواجه مشكله بها ولا ادري ماذا كانت المشكلة
شكرا لك استاذ الحكيم

[abdallahmiri]

موضوع رائع