كيف يمكن للصور زيادة المبيعات في متجر Magento 2 الخاص بك

نشرت: 2020-11-30

الصور في التجارة الإلكترونية ليست قوية ، لكنها لا تزال لا غنى عنها.

إنهم يجذبون انتباه العملاء ويشكلون سلوكيات صنع القرار لديهم.

مع الأخذ في الاعتبار أن 92٪ من المستهلكين يقولون أن العناصر المرئية هي العامل المؤثر الأكبر الذي يؤثر على قرار الشراء ، يمكن أن يكون المتسوقون حساسين تمامًا لكيفية ظهور المنتج في أشكال مختلفة ، من زوايا مختلفة.

دعنا نتعلم المزيد حول تحسين صورة Magento وكيفية جعلها سحقًا فوريًا باستخدام حوامل الصور واللون والنص في Magento 2.

جدول المحتويات

  • ما هي عينات الألوان وأنواعها الأساسية؟
    • تغيير الالوان
    • Image Swatch (المعروف أيضًا باسم Visual Swatch)
    • عينة نصية
  • كيف يمكنك توسيع وظائف Magento 2 الافتراضية؟
  • مثال 1. حوامل النص والصورة. معاينة تلميح.
  • مثال 2. استبدال صورة المنتج القياسية بالصورة الاختيارية
  • مثال 3: تراكب الصور
  • وضع معرض الخيارات وفوائده
    • بجانب الخيار
    • بمجرد التحديد
  • يتم إحتوائه

ما هي عينات الألوان وأنواعها الأساسية؟

الحوامل هي الميزة التي تسمح بتقديم خيارات المنتج من خلال عرض التمثيل المرئي المقابل عند تحديده.

ثلاثة أنواع من العينات هي كما يلي:

تغيير الالوان

تمكن التجار من عرض خيارات المنتج مثل اللون / الملمس / الأنماط. يتم تجاوز الخيارات غير المتاحة عند نفاد المخزون.
خيارات المنتج المتقدمة - حوامل اللون

Image Swatch (المعروف أيضًا باسم Visual Swatch)

إنه يرتقي بعرض المنتج إلى مستوى جديد تمامًا ويسمح بعرض أشكال المنتج في أقرب وقت ممكن من مظهرها الواقعي.
خيارات المنتج المتقدمة - Visual Swatch

عينة نصية

عندما لا تكون هناك صور معينة لمنتج Magento ليتم عرضها ، يمكنك استخدام "الأزرار" بقيم نصية لسمات المنتج. يعمل هذا الحامل بنفس طريقة عمل اللون.
APO لـ magento 2 - حوامل النص

كيف يمكنك توسيع وظائف Magento 2 الافتراضية؟

يمكّن Magento 2 ، افتراضيًا ، المستخدمين من إعداد الحوامل فقط للمنتجات القابلة للتكوين:

  • على صفحة المنتج
  • في قوائم المنتجات و
  • التنقل متعدد الطبقات.

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

من فضلك ، استشر هذا المنشور لمعرفة كيفية استخدام وظيفة Magento 2 الافتراضية لتكوين الحوامل.

خيارات المنتج المتقدمة لـ Magento 2 يعمل ملحق Advanced Product Options (خيارات المنتج المتقدمة) على توسيع الاحتمالات الافتراضية بشكل كبير. يتيح إضافة الصور والنصوص وحوامل الألوان لأي نوع منتج * ، وبالتالي تقديم أي متغير منتج إلى أفضل ميزة.

دعنا نتعلم كيفية تكوين الامتداد من أجل:

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

مثال 1. حوامل النص والصورة. معاينة تلميح.

في المثال التالي ، سنوضح لك كيفية تنفيذ إجراءات مثل

  • مضيفا حوامل النص والصورة
  • عرض صور الخيار في تلميح أداة المعاينة

دعنا نتعلم كيفية تكوين منتج بسيط.

في الواقع:

مع الامتداد ، ليست هناك حاجة لإنشاء منتجات قابلة للتكوين لتقديم أشكال مختلفة للمنتج بعد الآن.

النتيجة التالية التي ستحققها في الواجهة الأمامية:

للوصول إلى الوظيفة وإعداد العينات لخيارات المنتج في متجر Magento 2 الخاص بك ،

انتقل إلى المنتجات - الجرد - الكتالوج.

ثم،

حدد منتجًا ترغب في إضافة عينات إليه.

يتم تخزين التكوينات الأساسية ضمن علامة التبويب " خيارات قابلة للتخصيص ".

هكذا تبدو تكوينات المثال أعلاه من الواجهة الخلفية:
خيارات المنتج المتقدمة - حوامل النص (الخلفية)

كما ترون:

تم اختيار القائمة المنسدلة كنوع خيار.

ومع ذلك ، لجعل المتغيرات تبدو مثل حوامل النص العادية ، ستحتاج إلى تحديد خانة الاختيار Is Swatch .
ساعات APO

بالإضافة إلى ذلك:

قد ترغب في استخدام الصور كتلميح لخياراتك.

للقيام بذلك ، قم بتحميل الصور المقابلة لكل خيار على حدة (حيث يمكنك تحميل صور متعددة لإظهار عروضك بالكامل) ، واختر قيمة تلميح الأداة بعد الصورة (الصور) التي تم تحميلها.

للقيام بذلك:

انقر فوق صورة الخيار ، وحدد واحدًا من الخيارات المتاحة ― وهو تلميح الأدوات في حالتنا.

لإنشاء حوامل صور ، ستحتاج إلى تحديد Base عند تكوين أدوار الصور.

بالنسبة لمثالنا:

يتم عرض الصور الخاصة بنوع SSD كقاعدة وتلميح أداة عند تمرير الماوس فوقها.
خيارات المنتج المتقدمة من Magento 2 - Base + Tooltip
كما ترون:

منطق التكوين واضح وبسيط.

مثال 2. استبدال صورة المنتج القياسية بالصورة الاختيارية

لنفكر في مثال آخر.

هنا:

يتم استبدال صورة المنتج القياسية بأخرى من متغير المنتج:

التكوينات الأساسية موجودة ضمن علامة التبويب خيارات قابلة للتخصيص .

هنا:

تأكد من ضبط وضع الصورة على استبدال . يجب تحديد استبدال صورة المعرض الرئيسية ضمن أدوار الصور.
خيارات المنتج المتقدمة - استبدال الصورة

مثال 3: تراكب الصور

يمكنك أيضًا الاستمتاع بإمكانية إنشاء تأثير تراكب لصور منتجك.

وبالتالي ، ستغطي صورة الخيار صورة المنتج الرئيسية.

خيارات المنتج Magento 2 صور | مدونة Mageworx

التكوينات الأساسية موجودة ضمن علامة التبويب خيارات قابلة للتخصيص .

هنا:

انتقل إلى الخيار معرض صور Magento الذي قمت بتحميله للتو ، ثم انقر فوق الخيار الذي ترغب في استخدامه كتراكب.

في نافذة تفاصيل الصورة ، حدد الخيار المطلوب.

خيارات المنتج Magento 2 صور | مدونة Mageworx

وضع معرض الخيارات وفوائده

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

عند التعطيل ، لن يتم عرض أي صور بشكل طبيعي.

دعنا نلقي نظرة فاحصة على خيارات العرض المتاحة:

بجانب الخيار

عند تحديد وضع عرض المعرض هذا ، يتم عرض الصور على هيئة صور مصغرة بالقرب من خيارات المنتج / أسفلها:

بمجرد التحديد

يخفي هذا الخيار جميع صور متغيرات المنتج ، ويسمح بعرضها مباشرة بعد تحديدها:

التكوينات مخفية داخل الخيارات القابلة للتخصيص تا ب .

هكذا تبدو في الخلفية:

ملحق خيارات المنتج المتقدمة لـ Magento 2- معرض الخيارات

يتم إحتوائه

غالبًا ما يكون عرض الألوان النقية لتنويعات المنتج غير كافٍ لأن مظهرها يمكن أن يكون أكثر تعقيدًا وتركيبًا وفريدًا لخيار معين.

ترتبط الطريقة التي تعرض بها عروضك عبر الإنترنت بشكل إيجابي بمستوى الإيرادات ويمكن أن تكلفك عملاء.

* لاحظ أن Magento لا يسمح بخيارات مخصصة للمنتج للمنتجات المجمعة.

احجز عرضًا توضيحيًا مباشرًا مع Mageworx هل تحتاج إلى مزيد من المساعدة في حوامل المنتج؟ لا تتردد في ترك تعليق أدناه ، سنكون سعداء لتقديم المساعدة!