عندما يتعلق الأمر بإعداد متجر على الإنترنت ، فإن WooCommerce هو plugin go-to. من السهل جدًا إنشاء متجر على الإنترنت والبدء في بيع منتجاتك بمجرد الانتهاء. توفر Avada دعمًا شاملاً وتكاملًا في التصميم لـ WooCommerce ، مما يسمح لك بإنشاء متجر أحلامك مع التأكد أيضًا من أنه يبدو بالضبط الإطار الذي تفكر فيه.
تهدف Avada إلى منحك القدرة على تخصيص مظهر موقع الويب الخاص بك ، والذي لا يختلف عن تكامل WooCommerce. باستخدام شبكة الخيارات المتقدمة الشهيرة الخاصة بنا ، يمكنك الاختيار من بين مجموعة كبيرة من التخصيصات لمجموعة متنوعة من إمكانيات التصميم ، بما في ذلك:
- تمتلك WooCommerce لوحة Avada Global Options الخاصة بها ، وهي منفصلة عن لوحة Avada Global Options الرئيسية.
- تتوفر خيارات صفحة Avada لكل منتج.
- يتيح لك Avada Builder إنشاء تصميمات لصفحة المنتج عن طريق سحب العناصر وإفلاتها.
لبناء موقع التجارة الإلكترونية الخاص بك مع Avada.
أولاً ، يجب علينا تثبيت wooCommerce في Avada.
- تثبيت WooCommerce - إرشادات خطوة بخطوة
- كيفية تعيين صفحة تسوق لموقع الويب الخاص بك
- ابتكار منتجاتك
- إنشاء تأثير تكبير المنتج
- ضبط إعدادات حجم صورة المنتج في WooCommerce.
تثبيت WooCommerce - إرشادات خطوة بخطوة
انتقل إلى Avada> Plugin s / Add-ons وابحث عن plugin WooCommerce ، كما هو موضح في لقطة الشاشة أدناه.
الخطوة 1 - قم بتثبيت plugin WooCommerce .
الخطوة 2 - حدد "تثبيت" من القائمة المنسدلة.
سيتم تثبيت plugin وتنشيطه تلقائيًا.
الخطوة 3 - بعد ذلك ، يجب عرض معالج إعداد WooCommerce. إذا كنت تستورد أحد عروض Woo التجريبية ، مثل Modern Shop أو Classic Shop ، فيمكنك تخطي هذه الخطوة دون المخاطرة بفقدان بياناتك. للتخطي إلى الأمام ، حدد "Not Right Now" من القائمة المنسدلة. إذا كنت لا تستورد أحد عروض Woo التجريبية ، فانتقل إلى الخطوة التالية بالنقر فوق "Let's Go!" زر لبدء عملية الإعداد.
الخطوة 4 - اتبع التعليمات والإرشادات التي تظهر على الشاشة لإكمال العملية وإدخال المعلومات الضرورية حول متجرك. بالنقر فوق الزر "إنشاء منتجك الأول" عند الانتهاء ، ستتمكن من المتابعة لإنشاء منتجك الأول. بدلاً من ذلك ، يمكنك العودة إلى لوحة تحكم WordPress الخاصة بك عن طريق النقر فوق الرابط الموجود أسفل نافذة الإعداد.
كيفية تعيين صفحة تسوق لموقع الويب الخاص بك
كجزء من عملية تثبيت WooCommerce العادية ، يجب تشغيل معالج الإعداد ، مما يتيح لك تكوين متجرك وتعيين صفحات متجرك للعملاء. يمكن العثور على مزيد من المعلومات حول الصفحات التي ينشئها معالج الإعداد في مستند WooCommerce هذا.
بدلاً من ذلك ، إذا لم يظهر معالج الإعداد ، أو إذا قمت بإلغائه لأي سبب ، فيمكنك دائمًا العودة إلى معالج الإعداد عن طريق تحديد معالج الإعداد من قائمة التعليمات في أي صفحة WooCommerce ، والتي يمكن العثور عليها في الجزء العلوي الأيسر من نافذة او شباك.
يمكنك تعيين صفحة المتجر يدويًا بالانتقال إلى علامة التبويب المنتجات في إعدادات WooCommerce - WooCommerce> الإعدادات> المنتجات - وتحديد الصفحة التي ستكون صفحة المتجر الرئيسية من القائمة المنسدلة. سيعرض WooCommerce بعد ذلك منتجاتك على هذه الصفحة نتيجة لإجراءاتك.
يمكن تكوين الصفحات المتبقية في علامة التبويب خيارات متقدمة ، الموجودة في WooCommerce> الإعدادات> خيارات متقدمة .
ابتكار منتجاتك
الخطوة 1 - في الشريط الجانبي لـ WordPress Admin ، انتقل إلى علامة التبويب المنتجات> إضافة منتج.
الخطوة 2 - في الجزء العلوي من الصفحة ، أدخل اسم المنتج الخاص بك.
الخطوة 3 - املأ حقل محتوى المنشور بالنص من وصف المنتج. سيتم عرض جميع معلومات المنتج في هذا القسم.
الخطوة 4 - املأ بيانات المنتج " بكل معلومات المنتج. بالنسبة إلى amp ، فإن السعر و SKU والشحن كلها خيارات ممكنة.
الخطوة 5 - في الوصف المختصر للمنتج " ، اكتب وصفًا موجزًا لمنتجك سيظهر بجانب صورك الرئيسية.
الخطوة 6 - يجب وضع الصورة المميزة الرئيسية تحت صورة المنتج " على الجانب الأيمن من الصفحة ؛ يجب إكمال هذا لكل منتج.
الخطوة 7 - أضف المزيد من الصور إلى معرض المنتجات " إذا كنت تريد استخدام معرض للصور بدلاً من صورة واحدة.
الخطوة 8 - في فئات المنتجات " ، أدخل الفئات التي تنطبق على منتجاتك. بعد ذلك ، املأ الفراغات بالعلامات المناسبة لمنتجك في علامات المنتج ".
الخطوة 9 - بمجرد إدخال جميع المعلومات الضرورية ، انقر فوق نشر " ، وسيظهر العنصر في صفحة واجهة المتجر الرئيسية.
إنشاء تأثير تكبير المنتج
إذا كنت تستخدم Avada Layouts ، فستحتاج إلى التأكد من تمكين خيار WooCommerce Product Images Zoom في Avada> Options> WooCommerce> General WooCommerce> خيار WooCommerce Product Images Zoom ، أو في علامة التبويب Woo Product Images Element General> تكبير صور المنتج إذا كنت تستخدم تخطيطات WooCommerce.
عرض صور منتج WooCommerce - يجب أن يكون عرض صورتك الرئيسية (انظر الإعداد أدناه) والحجم الفعلي للصورة التي تم تحميلها أكبر من Avada> خيارات> WooCommerce> عام WooCommerce> عرض صور منتج WooCommerce أو إعداد أقصى عرض لصور المنتج في Woo Product Images Element. سيتم تحديد عرض عمود الحاوية لمعرض منتج واحد من خلال الإعدادات التي تختارها. بمجرد إجراء التعديلات اللازمة ، ستكون جاهزًا لتعيين عرض صورة WooCommerce الرئيسية الخاصة بك.
WordPress - يمكن العثور على إعداد WooCommerce Main Image Width في أداة التخصيص الخاصة بموقع WordPress الخاص بك. من لوحة معلومات WordPress ، انتقل إلى المظهر> التخصيص> WooCommerce> صور المنتج ، حيث ستجد إعداد عرض الصورة الرئيسي ؛ سيحدد هذا الحجم الفعلي للصورة المعروضة في المعرض.
كلما كان تأثير التكبير / التصغير أكثر تفصيلاً ، زاد حجم الصورة الذي قمت بتعيينه لصورتك. للتوضيح ، إذا كان حجم الصورة في إعدادات WooCommerce يطابق عرض الصورة في الخيارات العامة في Avada ، فلن يكون التكبير / التصغير مرئيًا عندما يحوم الماوس فوق الصورة على الصفحة. بالإضافة إلى ذلك ، يجب أن يكون حجم الصورة الفعلية التي تقوم بتحميلها هو نفسه أو أكبر من إعداد عرض الصورة الرئيسي في تصميم موقع الويب الخاص بك.
تأكد من إعادة إنشاء الصور المصغرة الخاصة بك بعد تغيير أحجام صور WooCommerce ؛ سيؤدي هذا إلى تطبيق أحجام الصور الجديدة الخاصة بك على أي صور تم تحميلها بالفعل على موقع الويب الخاص بك. يمكنك استخدام plugin Regenerate Thumbnails لإنجاز ذلك.
ضبط إعدادات حجم صورة المنتج في WooCommerce.
يتضمن WooCommerce خيارات لضبط حجم صور المنتج في كتالوج المتجر وأقسام صور المنتج الفردي. بالإضافة إلى ذلك ، هناك إعدادات Avada محددة تعمل جنبًا إلى جنب مع أحجام الصور التي يستخدمها متجر WooCommerce الخاص بك. عند تكوين إعدادات حجم الصورة هذه ، من المهم أن تتذكر أنه يجب أيضًا مراعاة إعدادات الخيارات العامة في Avada. سنستعرض كل خيار من هذه الخيارات بمزيد من التفصيل لاحقًا.
افترض أن الصور التي تقوم بتحميلها لمنتجاتك أصغر في المصدر من أحجام الصور المحددة في إعدادات WooCommerce. في هذه الحالة ، قد تلاحظ بعض التناقضات في التخطيط المرئي في الواجهة الأمامية لصفحات متجرك ؛ هذا ليس خطأ بأي شكل من الأشكال. إنه ببساطة لأن صورك كانت صغيرة جدًا بحيث لا تؤثر إعدادات WooCommerce عليها. يمكنك التفكير في هذه الإعدادات على أنها أقصى عرض وارتفاع لصورك من حيث أبعاد الصورة. لن يتم تغيير حجم أي شيء يقل عن الحد المحدد.
عند تكوين متجرك ، تأكد من مراعاة إعدادات حجم صورة WooCommerce والحجم الفعلي لصورك. باختصار ، يجب أن تكون صورك بنفس حجم إعدادات حجم الصورة في متجر WooCommerce أو أكبر منها.
ستتطلب أي تغييرات تطرأ على إعدادات حجم الصورة إعادة إنشاء الصور المصغرة الخاصة بك حتى تصبح سارية المفعول على الصور التي تم تحميلها بالفعل على موقعك. لذلك ، يوصى بشدة باستخدام plugin Regenerate Thumbnails. بالإضافة إلى ذلك ، يمكن ضبط أحجام الصور باتباع الخطوات التالية:
الخطوة 1 - في الشريط الجانبي للمسؤول ، انتقل إلى المظهر " ثم علامة التبويب " تخصيص " لبدء تخصيص موقعك.
الخطوة 2 - انتقل إلى WooCommerce " في الجزء العلوي من الصفحة.
الخطوة 3 - يمكن العثور على إعداد الصور لصور المنتج الفردي ضمن علامة التبويب " صور المنتج
الخطوة 4 - عند تحميل الصور على صفحات منتجك الفردي ، حدد خيار عرض الصورة الرئيسي. عرض الصور المصغرة هو عرض الصور المصغرة لمنتجاتك في الكتالوج. املأ الفراغات بقيمة العرض التي تريدها.
الخطوة 5 - لإعادة إنشاء الصور المصغرة بعد تغيير أحجام الصور وحفظها ، ستحتاج إلى استخدام plugin ، والذي يمكن العثور عليه في قسم Plugin . plugin Regenerate Thumbnails ثم انتقل إلى WP Admin> Tools ، حيث يمكنك اختيار إعادة إنشاء الصور المصغرة للصور وإنشاء أحجام الصور الجديدة.
