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