اذهب إلى المحتوى

السؤال

نشر

مرحبا

احاول صنع متجر ملابس واواجه مشكلة في عرض متغيرات المنتج كاللون والمقاس حيث اريد تحديث اللون المتاح بشكل ديناميكي وفقاً للمقاس المختار بواسطة ajax لكن لسبب ما يظهر اول لون في قاعدة البيانات فقط ولا تظهر باقي الالوان , ارفقت مقطع لتوضيح المشكلة بشكل اكثر . هل يمكنكم مساعدتي بحل المشكلة من فضلكم؟

‏‏Fikra-Project - نسخة (2).zip

Recommended Posts

  • 0
نشر
بتاريخ 2 ساعة قال محمد عاطف17:

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

@محمد عاطف17

مرحبا صديقي محمد  

بالواقع قمت بتغيير طريقة عرض الالوان المرتبطة بالمقاسات وعمل الكود بالفعل لكن ظهرت مشكلة اخرى 😅

وهي انه عند تغيير المقاس المختار افتراضيا ومحاولة اختيار احد الالوان التابعة له تحدث مشكلة عند اختيار لون غير اللون الافتراضي وهي اختفاء التنسيق الخاص بال label التابعة لل input المختار .  لاحظ ان القيم الخاصة بالكمية المرتبطة بالمتغير تتغير بشكل صحيح المشكلة فقط ان التنسيقات لا تطبق لسبب ما 

كود css الخاص  بتنسيقات ال label في ملف style.css سطر 5442و 5380

كود جافا سكريبت في ملف main.js سطر 282 

انا اسف لأني ازعجتك بكثرة الاسئلة  

‏‏Fikra-Project -debug.zip

  • 1
نشر
بتاريخ منذ ساعة مضت قال محمود الساعور2:

مرحبا صديقي محمد  

بالواقع قمت بتغيير طريقة عرض الالوان المرتبطة بالمقاسات وعمل الكود بالفعل لكن ظهرت مشكلة اخرى 😅

وهي انه عند تغيير المقاس المختار افتراضيا ومحاولة اختيار احد الالوان التابعة له تحدث مشكلة عند اختيار لون غير اللون الافتراضي وهي اختفاء التنسيق الخاص بال label التابعة لل input المختار .  لاحظ ان القيم الخاصة بالكمية المرتبطة بالمتغير تتغير بشكل صحيح المشكلة فقط ان التنسيقات لا تطبق لسبب ما 

كود css الخاص  بتنسيقات ال label في ملف style.css سطر 5442و 5380

كود جافا سكريبت في ملف main.js سطر 282 

انا اسف لأني ازعجتك بكثرة الاسئلة  

مرحبا عزيزى محمود .

الخطأ لديك في templates\store\product-details.html سطر رقم 85 و 86 حيث أنك تضع ال id الخاص بالعنصر input ك 

id="item-{{ item.sku }}"

وهنا معظم ال item لها نفس ال sku فهنا ستجد أن العديد من العناصر لها نفس ال id ولذلك عند الضغط على label فإنه يبحث عن أول عنصر له ال id الخاص به ولذلك فإنه يختار العناصر في المقاس الإفتراضي . ولحل تلك المشكلة نقوم بتحديد متغير أخر له رمز فريد وهو {{ size.id }} وهو لن يتكرر مع ال item.sku لذلك يرجى تغير سطر 85 و 86 بالتالي :

<input type="radio" name="item" id="item-{{ size.id }}-{{ item.sku }}" value="{{ item.sku }}" class="item-option" {% if forloop.first %}checked{% endif %}>
<label for="item-{{ size.id }}-{{ item.sku }}">
  <img src="{{ item.image.url }}" alt="{{ item.color }}">           
</label>

ولقد أرسلت لك الملف بعد التعديل .

product-details.html

  • 0
نشر
بتاريخ 1 ساعة قال محمد عاطف17:

مرحبا عزيزى محمود .

الخطأ لديك في templates\store\product-details.html سطر رقم 85 و 86 حيث أنك تضع ال id الخاص بالعنصر input ك 

id="item-{{ item.sku }}"

وهنا معظم ال item لها نفس ال sku فهنا ستجد أن العديد من العناصر لها نفس ال id ولذلك عند الضغط على label فإنه يبحث عن أول عنصر له ال id الخاص به ولذلك فإنه يختار العناصر في المقاس الإفتراضي . ولحل تلك المشكلة نقوم بتحديد متغير أخر له رمز فريد وهو {{ size.id }} وهو لن يتكرر مع ال item.sku لذلك يرجى تغير سطر 85 و 86 بالتالي :

<input type="radio" name="item" id="item-{{ size.id }}-{{ item.sku }}" value="{{ item.sku }}" class="item-option" {% if forloop.first %}checked{% endif %}>
<label for="item-{{ size.id }}-{{ item.sku }}">
  <img src="{{ item.image.url }}" alt="{{ item.color }}">           
</label>

ولقد أرسلت لك الملف بعد التعديل .

product-details.html 9.07 kB · 0 تنزيلات

اولا اود شكرك من كل قلبي على اجابتك على اسئلتي 🙏

لكن بعد تطبيق التغييرات التي اخبرتني بها لم يعد بإمكاني اختيار لون غير اللون الافتراضي

 

  • 0
نشر
بتاريخ 9 دقائق مضت قال محمود الساعور2:

اولا اود شكرك من كل قلبي على اجابتك على اسئلتي 🙏

لكن بعد تطبيق التغييرات التي اخبرتني بها لم يعد بإمكاني اختيار لون غير اللون الافتراضي

هل يمكنك إرسال الملف templates\store\product-details.html بعد التعديل الذي أجريته .

وأيضا يرجى إرسال صورة للعناصر عند عمل inspect لها :

image.png.7a6586f0142f1957c14bfdbee1230c77.png

وتأكد من أنها مختلفة مثل الصورة السابقة حيث كل id هو فريد لا يتكرر . وأيضا أن ال id وال for لكل عنصر متشابهان ليعمل بشكل صحيح .

ولا شكر على واجب يمكنك السؤال في أي وقت

  • 0
نشر
بتاريخ الآن قال محمد عاطف17:

هل يمكنك إرسال الملف templates\store\product-details.html بعد التعديل الذي أجريته .

وأيضا يرجى إرسال صورة للعناصر عند عمل inspect لها :

image.png.7a6586f0142f1957c14bfdbee1230c77.png

وتأكد من أنها مختلفة مثل الصورة السابقة حيث كل id هو فريد لا يتكرر . وأيضا أن ال id وال for لكل عنصر متشابهان ليعمل بشكل صحيح .

اشكرك من اعماق قلبي ياصديقي 

لقد عمل الكود الأن بالفعل حيث تبين اني اضفت شرطة  "-" زائدة سهوا مما تسبب بعدم تطابق ال id الخاص بال input وال for الخاص بال label   

مجددا بارك الله فيك ونفع بك وجزاك الله الف خير

  • 1
نشر

g

بتاريخ 1 دقيقة مضت قال محمود الساعور2:

اشكرك من اعماق قلبي ياصديقي 

لقد عمل الكود الأن بالفعل حيث تبين اني اضفت شرطة  "-" زائدة سهوا مما تسبب بعدم تطابق ال id الخاص بال input وال for الخاص بال label   

مجددا بارك الله فيك ونفع بك وجزاك الله الف خير

لا شكر على واجب . وبارك الله فيك أخي وجزانا وإياكم كل خير

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...