يتيح لك Shopify إضافة صور إلى خيارات المنتج، حتى يتمكن العملاء من رؤية شكل كل خيار. ومع ذلك، نظرًا للتنظيم بواسطة Shopify، يمكنك ربط صورة واحدة فقط بقيمة خيار واحد. لذا، فإن السؤال هو، كيف يمكن ربط صور متعددة بخيار واحد؟
هناك إجابة في Be Yours يمكنك من خلالها تحديد صور معينة لقيمة خيار واحد . هذه الوظيفة مناسبة بشكل خاص لخيار اللون، ولكن يمكنك استخدامها بالكامل للأغراض الأخرى التي تريدها.

خطوات:
متطلبات
- كن لك 4.0.0 أو الأحدث
يجب عليك إيقاف تشغيل وسائط إخفاء المتغيرات الأخرى بعد تحديد متغير . هذا الخيار متوافق مع سلوك Shopify الأصلي - ربط صورة واحدة فقط بقيمة خيار واحد.
في Be Yours، يتوفر هذا الخيار في الأقسام التالية:
- قسم المنتجات المميزة
- قسم معلومات المنتج (على صفحات المنتج)
- قسم معلومات المنتج (في نموذج المنتج)
اختر خيارًا
انظر إلى منتجك في المشرف الخاص بك واختر الخيار الذي تريد تصنيف صورك فيه. في المثال أدناه، قررت اختيار اللون . المنتج الخاص بي متوفر باللون الأبيض والقمح والأسود وأريد فقط عرض الصور المعنية عندما يحدد المستخدم قيمة خيار.
تحرير علامة ALT للصور
تحتاج إلى تحرير علامة alt لتحديد "اسم الخيار وقيمة الخيار" التي تنتمي إليها الصورة:
- قم بالتمرير على الصورة وانقر على زر النقاط الست لفتح معلومات الصورة
- في مربع النص البديل ، اكتب النص البديل باستخدام اسم الخيار الذي تختاره مع قيمة الخيار . بناء الجملة مهم جدًا هنا ويجب أن يكون بالترتيب التالي:
#
(حرف الهاشتاج)
option-name
(أحرف صغيرة، استبدل جميع المسافات بالواصلات)
_
(حرف سفلي)
option-value
(أحرف صغيرة، استبدل جميع المسافات بالواصلات)على سبيل المثال، إذا اخترت خيار اللون وأريد ربط صورة باللون الأسود ، فيجب أن يكون النص البديل
#color_black
ملحوظات:
من الإصدار 7.2.0 من Be Yours ، ندعم لغات متعددة في ميزة الصور ذات الخيارات المتعددة .
ألق نظرة على هذا المثال أدناه للغة الإنجليزية والفرنسية. اسم الخيار هو "Color" باللغة الإنجليزية و"Couleur" بالفرنسية، وقيمة الخيار هي "Black" باللغة الإنجليزية و"Noire" بالفرنسية.
بعد النقر على الصورة التي تريد إضافة نص ALT، قم بتعيين النص ALT:
#en:color_black,fr:couleur_noire
وإليك كيفية القيام بذلك:
- تضمين رمز اللغة : أضف رمز اللغة، متبوعًا بنقطتين (:)، قبل كل اسم لون.
- افصل بين كل زوج لغوي بفاصلات: افصل بين كل زوج لغوي بفاصلة (،). سيشير هذا إلى نهاية زوج لغوي واحد وبداية الزوج التالي.
- قم بالتمرير على الصورة وانقر على زر النقاط الست لفتح معلومات الصورة
- انقر فوق حفظ لحفظ التغييرات
- قم بنفس العملية بالنسبة للصور الأخرى
قم بتعيين (أو الاحتفاظ) بالنص البديل الخاص بي
ماذا لو كنت أرغب في تعيين (أو الاحتفاظ) بالبديل الخاص بي المستخدم لأغراض تحسين محركات البحث؟ ما عليك سوى إضافة أي شيء في الحقل البديل قبل الحرف # ، مثل هذا:
نحن نعلم أن معظم العملاء يهتمون بتحسين محركات البحث وستكون قادرًا على تحسين كفاءة تحسين محركات البحث لديك عن طريق إضافة علامات بديلة إلى جميع الصور وفقًا للتعليمات المذكورة أعلاه.
SEO: Image Optimizer Page Speed من AVADA هو تطبيق موصى به للغاية لتحسين محركات البحث للصور لمساعدتك في التفوق على منافسيك في نتائج البحث. يعمل هذا التطبيق على تعزيز تحسين محركات البحث (SEO) الخاص بك بسهولة من خلال الأتمتة من خلال:
- تحسين الصور ALT/ العلامات الوصفية/ JSON-LD لتكون متوافقة مع بحث Google.
- تحسين أحجام الصور دون فقدان الجودة لتسريع موقع الويب الخاص بك.
>> تعرف على المزيد حول تحسين محركات البحث: سرعة الصفحة لمُحسِّن الصور اليوم!
* يتم استخدام الصور لأغراض عرض المنتجات غير التجارية فقط، وهي مخصصة فقط للاستخدام في وثائق تعليمات موضوع Be Yours.
بحاجة إلى مزيد من المساعدة
إذا واجهت أي مشكلات أو كنت بحاجة إلى مساعدة إضافية بشأن موضوع BeYours الخاص بك، فيرجى التواصل مع موظفي الدعم لدينا عبر نظام التذاكر الخاص بنا للحصول على المساعدة في غضون 8 ساعات.
قم بمسح رمز الاستجابة السريعة أدناه للانضمام إلى مجتمع WhatsApp الخاص بنا للحصول على التحديثات والأخبار والإعلانات.
Share:
كيفية إعداد عينات الألوان في Be Yours 7.1.0 أو الإصدارات الأحدث
استفد من التخصيص الخاص بك باستخدام المصادر الديناميكية وحقول التعريف