ProductX WooCommerce Builder للمتاجر عبر الإنترنت
نشرت: 2022-09-22تستمر شعبية المكون الإضافي WooCommerce لإنشاء متاجر عبر الإنترنت في الارتفاع. يحظى نظام WooCommerce بشعبية كبيرة وهو حاليًا الخيار الأول لإنشاء متاجر التجارة الإلكترونية. في الوقت الحاضر ، يقوم معظم أصحاب الأعمال الصغيرة بإنشاء متجرهم عبر الإنترنت في WooCommerce. لهذا السبب ، من الصعب إنشاء موقع متميز عن المتاجر الأخرى.
ليس ذلك فحسب ، تفتقر WooCommerce إلى العديد من الميزات الأساسية المطلوبة لمتجر المعبود عبر الإنترنت. إذا كنت ترغب في التغلب على هذا الموقف ، يمكنك محاولة استخدام مكون إضافي منشئ WooCommerce. يسمح بإنشاء أنواع مختلفة من قوالب الصفحات الأساسية مع جميع الميزات المطلوبة وتعديلها بالقوالب الافتراضية. لذا في هذه المدونة ، سأناقش أحد أكثر منشئي WooCommerce الواعدين الذين يقدمون جميع الميزات الأساسية دون مغادرة نظام Gutenberg البيئي.
تقديم ProductX: Gutenberg WooCommerce Builder
ProductX هو حل الكل في واحد قائم على Gutenberg لتوسيع وظائف البرنامج المساعد WooCommerce لإنشاء متاجر المعبود عبر الإنترنت. يوفر مجموعات منتجات متعددة وميزات أساسية وإضافات متنوعة.
يعد WooCommerce Builder أحد الوظائف الإضافية القوية لـ ProductX. يساعد في إنشاء قوالب ديناميكية لصفحات متعددة وتجاوز قوالب WooCommerce الحالية.
عامل الجذب الرئيسي للوظيفة الإضافية Builder لـ ProductX هو أنها تعمل كمحرر Gutenberg. وبسبب ذلك ، تتمتع بإمكانيات بناء ديناميكية كاملة دون أي تكرار.
ماذا يمكننا أن نفعل مع ProductX WooCommerce Builder
نظرًا لأنني ناقشت بالفعل الوظيفة الإضافية Gutenberg WooCommerce Builder لـ ProductX ، فقد حان الوقت لمناقشة ما يمكننا فعله بها. إذا كنت معتادًا على أي من المكونات الإضافية البنائية الشهيرة ، فسيكون من الأسهل عليك فهمها.
تمامًا مثل أي منشئ آخر ، فإنه يساعد في إنشاء وتخصيص القوالب لمعظم الصفحات الأساسية لمتاجر WooCommerce. يتضمن:
- صفحة التسوق
- أرشيف المنتج
- فئات المنتجات
- صفحة عربة التسوق
- صفحات منتج واحد وأكثر من ذلك بكثير
بعد إنشاء قوالب للصفحات المذكورة أعلاه ، سيتم استبدال القوالب الافتراضية لصفحاتك الحالية بأخرى جديدة.
كيفية استخدام WooCommerce Builder الخاص بـ ProductX
من الواضح أن مجرد وجود حل لا يجعله الخيار الأفضل. يجب أن يتمتع الحل الواضح بتجربة مستخدم جيدة أيضًا. يريد معظم مستخدمي WordPress أن يكون كل حل بسيطًا وسهل الاستخدام. لذا ، دعنا نتحقق من كيفية عمل WooCommerce Builder of ProductX.
كما قلت سابقًا في منشور المدونة هذا ، يعد WooCommerce Builder إضافة إلى ProductX. لاستخدامه ، يتعين علينا تشغيله بعد تثبيت وتفعيل المكون الإضافي ProductX بشكل مناسب. إليك الطريقة:
- من لوحة معلومات WordPress الخاصة بك ، انتقل إلى قسم ProductX
- الآن ، انقر فوق قسم الإضافات في ProductX
- قم بتشغيل Builder من جميع الوظائف الإضافية المتاحة
بعد تشغيل الوظيفة الإضافية Builder ، يمكنك إنشاء قوالب غير محدودة واستبدالها بقوالب WordPress الافتراضية.
دعنا نرى كيف يمكننا إنشاء قالب لتسهيل فهم كيفية عمله. لذلك ، عليك اتباع الخطوات التالية لإنشاء قالب:
- انتقل إلى قسم البناء
- انقر فوق الزر "إضافة جديد"
- أضف اسمًا للقالب
- اختر نوع القالب
- حدد الشروط إذا لزم الأمر
- انقر فوق الزر "إنشاء نموذج"
من خيار تحديد النوع ، تحتاج إلى اختيار الصفحة التي تريد إنشاء القالب لها. ثم حدد الحالة وفقًا لمتطلباتك.
قم بإنشاء وتخصيص صفحة متجر مخصصة باستخدام WooCommerce Builder
الآن ، دعنا نرى كيف يمكنك إنشاء قالب صفحة متجر مخصص من البداية. بادئ ذي بدء ، حدد التسوق كنوع أثناء إنشاء قالب. لا حاجة لتحديد الشروط لأن WooCommerce Shop لديه قالب واحد فقط.
بعد تحديد النوع ، انقر فوق الزر "إنشاء نموذج" ، وسيكون نموذجك جاهزًا. ومع ذلك ، فإن القالب فارغ ، وتحتاج إلى تخصيصه من البداية.
أثناء تخصيص قالب صفحة المتجر ، الأمر متروك لك بشأن ماذا وكيف تريد عرضه. لا تقلق؛ لدى ProductX جميع الخيارات لإنشاء صفحة متجر مثالية. كما تعلم ، يجب أن تحتوي صفحة المتجر المثالية على منتجات بها متاجر تصفية للسماح للمتسوقين بالعثور على العناصر التي يرغبون فيها بسهولة.
لنرى الآن كيف يمكنك إضافة المنتجات وخيارات التصفية إلى صفحة المتجر. على سبيل المثال ، سأعرض المنتجات على الجانب الأيمن وخيارات التصفية على اليسار. ومع ذلك ، يمكنك أيضًا القيام بالعكس.
لعرض المنتجات وخيارات التصفية جنبًا إلى جنب بشكل صحيح ، تحتاج إلى استخدام كتلة عمود Gutenberg. لذلك أقوم بإضافة عمود بنسبة 70/30.
ثم يمكننا إضافة كتلة مرشح المنتج على الجانب الأيسر وأي كتل منتج متوفرة على الجانب الأيمن. على سبيل المثال ، أقوم بإضافة مجموعة Product Grid 1.
الآن ، يتعين علينا توصيل كتلة المنتج بكتل الترشيح. لذلك ، انقر فوق خيار اختيار الشبكة وحدد شبكة المنتج التي أضفتها إلى صفحة المتجر.
لا تقلق إذا كنت لا تحب العرض الافتراضي لشبكة المنتج وكتل التصفية لأن ProductX حصل على خيار تخصيص كامل لجميع الكتل.
أخيرًا وليس آخرًا ، يمكنك أيضًا الاختيار من بين نوعين من ترقيم الصفحات ، وتحميل المزيد والأرقام إذا كنت تريد ترقيم صفحات صفحة متجرك.
بعد التخصيص ، يمكنك نشر قالب صفحة المتجر والتحقق من كيفية ظهوره للمتسوقين.
قم بإنشاء وتخصيص قالب صفحة الفئة باستخدام WooCommerce Builder
الآن بعد أن عرفت أنك تعلمت صياغة قالب صفحة متجر مخصص. حان الوقت لتتعلم كيف تفعل الشيء نفسه مع قالب صفحة الفئة. لذلك سيكون من الأسهل بالنسبة لك أن تفهم بشكل صحيح كيفية عمل منشئ ProductX.
لذلك ، حدد أرشيف كنوع القالب ثم حدد شرط "جميع فئات المنتجات" كما تريد لإنشاء قالب لجميع الفئات. ومع ذلك ، يتوفر أيضًا خيار تحديد فئة منتج معين إذا كنت تريد إنشاء قوالب منفصلة لفئات معينة.
الآن ، انقر وابدأ تحرير القالب. ثم يمكنك البدء في تخصيصه مثل قالب صفحة المتجر.
أولاً ، تحتاج إلى إضافة كتلة عنوان الأرشيف التي ستعرض اسم عنوان الفئة. بعد إضافة الكتلة ، يمكنك تغيير الحجم واللون والطباعة.
بعد ذلك ، يمكنك إضافة كتل المنتج التي تريدها إلى القالب. ثم سيتم عرض المنتجات ديناميكيًا وفقًا لفئاتها الخاصة.
عندما تكون راضيًا عن النموذج ، انشره وشاهد كيف تبدو فئات المنتجات بعد تنفيذ القالب.
استنتاج
هذا كل شيء عن Gutenberg WooCommerce Builder of ProductX. ومع ذلك ، فإن قدرات المنشئ لا تنتهي هنا. يمكنك أيضًا إنشاء قوالب صفحة منتج واحد WooCommerce وتخصيصها. الآن ، نظرًا لأن لديك نظرة عامة على Gutenberg Builder الواعد لـ WooCommerce ، يمكنك البدء في إعادة تصميم متجر WooCommerce بسهولة.