مشكلة في swiper

وعليكم السلام ورحمة الله وبركاته .

إذا ذهبت إلى صفحة product-details.html  و قمت بفتح ال console في المتصفح ستجد أخطاء ظهرت في ملف main.js وستجد خطأ يظهر في سطر 412 والكود الخاص بال swipper الذي يقوم بإنشاءه في سطر رقم 482 ولهذا يتوقف الكود عند سطر 412 ولا يستمر إلى 482 لهذا لا يعمل معك .

من المفترض تقسيم ملف main.js إلى عدة ملفات كل ملف خاص بصفحة معينة وملف يحوى جميع الأكواد المشتركة في جميع الصفحات .

حيث أنك تقوم بالبحث عن عناصر في الصفحة وتضع حدث عليها أو تقوم بتعديل التنسيق الخاص بها وإذا لم توجد تلك العناصر يحدث خطأ لديك ويمنع تنفيذ باقي الأكواد .

يمكنك قبل العمل على أي عنصر التحقق من وجوده أم لا إذا لم ترد فصل الكود إلى عدة ملفات .

وحاليا لحل مشكلتك يرجى نقل كود ال swipper في سطر 482 إلى ما قبل سطر 12 ويفضل نقل جميع ال swipper إلى دالة منفصلة و تنفيذها حتي لا تحدث مشاكل .

ولقد قمت بإرفاق ملف main.js بعد تعديله .

main.js

محمد عاطف17 

بارك الله فيك ونفع بك ,اشكرك من اعماق قلبي🫂

بتاريخ 19 ساعة قال محمد عاطف17:

وعليكم السلام ورحمة الله وبركاته .

إذا ذهبت إلى صفحة product-details.html  و قمت بفتح ال console في المتصفح ستجد أخطاء ظهرت في ملف main.js وستجد خطأ يظهر في سطر 412 والكود الخاص بال swipper الذي يقوم بإنشاءه في سطر رقم 482 ولهذا يتوقف الكود عند سطر 412 ولا يستمر إلى 482 لهذا لا يعمل معك .

من المفترض تقسيم ملف main.js إلى عدة ملفات كل ملف خاص بصفحة معينة وملف يحوى جميع الأكواد المشتركة في جميع الصفحات .

حيث أنك تقوم بالبحث عن عناصر في الصفحة وتضع حدث عليها أو تقوم بتعديل التنسيق الخاص بها وإذا لم توجد تلك العناصر يحدث خطأ لديك ويمنع تنفيذ باقي الأكواد .

يمكنك قبل العمل على أي عنصر التحقق من وجوده أم لا إذا لم ترد فصل الكود إلى عدة ملفات .

وحاليا لحل مشكلتك يرجى نقل كود ال swipper في سطر 482 إلى ما قبل سطر 12 ويفضل نقل جميع ال swipper إلى دالة منفصلة و تنفيذها حتي لا تحدث مشاكل .

ولقد قمت بإرفاق ملف main.js بعد تعديله .

 

main.js 26.15 kB · 1 تنزيل

مرحبا

اعتذر على كثرة اسئلتي

 هنالك مشكلتين آخرتين في نفس المشروع تحديدا بصفحة البحث , عند ظهور قائمة الفلترة المنبثقة تغلق وحدها بمجرد النقر على احد خيارات الادخال التي بداخلها  وايضا ايقونة الاضافة الى المفضلة او التخفيض التي في بطاقة المنتج تظهر فوقها رغم ان لديها z-index اعلى منهم هل يمكنك مساعدتي في معرفة السبب من فضلك؟

Fikra_store.zip