WooCommerce

قالب WooCommerce مع كتل لكل شاشة من شاشات المتجر

صمّم صفحة المنتج وشبكة المتجر والسلة والدفع بالكتل داخل المحرر الذي يوفره WordPress، ثم ابدأ من عرض توضيحي يصلك كمتجر يعمل. تحتفظ WooCommerce بالطلبات، وتمنح Canvas المتجر تصميمه.

آخر تحديث

24
كتل WooCommerce
18
نماذج المتجر
21
متاجر العروض التوضيحية التي يمكنك استيرادها
الكتل

24 كتلة للشاشات الأربع التي تبيع

كل جزء في متجر WooCommerce يراه المتسوق هو كتلة لها لوحة إعدادات، لذا يمكنك نقله أو تغيير شكله أو حذفه دون المساس بأي ملف قالب.

صفحة المنتج 11 كتلة

أنشئ تخطيط منتج واحد كتلةً كتلة، أو ابدأ من أحد النماذج الجاهزة وانقل العناصر.

صور المنتجات متضمّن في أي خطة

يعرض صورة المنتج المميزة في WooCommerce مع مصغّرات معرض اختيارية.

Product Gallery Linker Included with any plan

شريط مصغّرات ينقل عرض معرض المنتج الدوّار إلى الصورة التي تنقر عليها.

Product Price Included with any plan

يعرض سعر منتج WooCommerce، بما في ذلك سعر التخفيض وتنسيق العملة.

تقييم المنتج متضمَّن في أي خطة

يعرض تقييم النجوم وعدد المراجعات الاختياري لمنتج WooCommerce الحالي.

Product Meta متوفرة في أي خطة

يعرض بطاقة بيانات المنتج الوصفية: رمز SKU، والفئات، والوسوم.

Product Short Description Included with any plan

يعرض الوصف القصير للمنتج مع الحفاظ على تنسيق فقراته كما هو.

Variation Swatches Included with any plan

نقاط ألوان أو أزرار على شكل كبسولات تُستخدم لاختيار متغيّر من منتج متغيّر.

Add to Cart مشمول في أي خطة

يعرض نموذج الإضافة إلى السلة في WooCommerce للمنتج الحالي مع حقل كمية اختياري.

Product Tabs متضمنة في أي خطة

يعرض علامات تبويب بيانات منتج WooCommerce: الوصف، والمعلومات الإضافية، والمراجعات.

مشاركة المنتج متضمنة في أي خطة

يعرض بطاقة "مشاركة:" مع روابط مشاركة على وسائل التواصل الاجتماعي لمنتج WooCommerce الحالي.

Related Products Included with any plan

يعرض شبكة من منتجات WooCommerce ذات الصلة بالمنتج الحالي. لا يُعرض إلا في قوالب المنتج الفردي.

المتجر وكتالوج منتجاته 5 كتل

الشبكات والعروض الدوّارة وبطاقات الفئات وفلتر الأسعار، ويمكن لكلٍّ منها أن يستقي المحتوى من فئة أو وسم أو نتائج بحث أو قائمة يختارها يدويًا.

المنتجات متضمنة في أي خطة

يعرض منتجات WooCommerce بتخطيط شبكي أو قائمة. صفِّ حسب المصدر والفئة والوسم والترتيب.

فئات المنتجات متضمنة في أي خطة

يعرض فئات منتجات WooCommerce في شبكة بطاقات متجاوبة تضم الصور المصغّرة والأسماء وأعداد المنتجات.

عارض المنتجات متضمّن في أي خطة

يعرض منتجات WooCommerce في owl-carousel قابل للتمرير. يدعم التشغيل التلقائي وأسهم التنقل والنقاط ونقاط التوقف المتجاوبة.

Store Price Filter Included with any plan

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

Conference Tickets Included with any plan

مربعات أسعار لفئة من منتجات التذاكر، يحتوي كل منها على قائمة اختيار الكمية ورابط مباشر للإضافة إلى السلة.

3 كتل لسلة التسوق

صفحة سلة تصممها بنفسك، مع عرض الترقية الذي يراه المتسوقون فعليًا.

Cart Table مشمول مع أي خطة

اعرض جدول سلة WooCommerce مع البنود والكميات والإجماليات.

إجماليات السلة مشمولة في أي خطة

يعرض لوحة إجماليات سلة WooCommerce، بما في ذلك المجموع الفرعي والشحن وزر إتمام الشراء.

Cross-Sells مشمولة في أي خطة

يعرض منتجات البيع المتقاطع من سلة WooCommerce الحالية. لا يظهر إلا عندما تكون السلة نشطة وتحتوي على منتجات بيع متقاطع.

3 كتل الدفع

نموذج الفوترة ومراجعة الطلب والإشعارات التي تخبر المتسوق بما حدث للتو.

Checkout Billing Included with any plan

اعرض نموذج عنوان الفوترة لصفحة دفع WooCommerce.

Checkout Order Review Included with any plan

يعرض ملخص مراجعة طلب الدفع في WooCommerce مع بنود الطلب والإجماليات.

WooCommerce Notices مشمولة في أي خطة

يعرض إشعارات WooCommerce: الأخطاء ورسائل النجاح والإشعارات الإعلامية.

في أماكن أخرى من المتجر كتلتان

كتل المتجر التي تقع خارج الشاشات الأربع أعلاه.

قائمة الأمنيات متاحة مع أي خطة

المنتجات التي حفظها المتسوق، مع السعر والمخزون وزر الإضافة إلى السلة. ضعها في الصفحة المختارة في خيارات القالب، قائمة الرغبات.

Wishlist Button Included with any plan

يحفظ المنتج الحالي في قائمة رغبات المتسوق. استخدمه في نماذج المنتجات وبطاقات المنتجات.

الصفحة الرئيسية لعرض متجر الملابس التوضيحي كما يراها المتسوق، مع الشريحة بملء الشاشة وسلة التسوق في الترويسة.

متجر الملابس

كتالوج أزياء يضم صفحات مجموعات ومنتجات متغيرة وعربة تسوق في الترويسة تعرض العدد.

قوالب التجارة الإلكترونية
الصفحة الرئيسية للعرض التوضيحي للأثاث، وهو متجر WooCommerce لبيع الأثاث وتأجيره

الأثاث

البيع والإيجار في كتالوج واحد، مع تصميم شبكة المنتجات وصفحة المنتج الفردية كلتيهما ككتل.

قوالب التصميم الداخلي
الصفحة الرئيسية للعرض التوضيحي Wine: قسم بطل مقسّم يضم عنوان التذوق بجانب صورة الزجاجة.

النبيذ

متجر لبيع النبيذ يُبرز فيه التصميمُ صورَ المنتجات، بينما تقع صفحات المتجر خلفها.

قوالب المطاعم

ثلاثة من أصل 21 متجرًا توضيحيًا. كل جزء يلاحظه المتسوق في هذه الصفحات هو كتلة خلفها لوحة إعدادات.

جميع كتل Canvas، وعددها 314

السلوك

ما يفعله المتسوقون دون إعادة تحميل الصفحة

يشمل هذا التكامل ثلاث ميزات في المتجر تحتاج عادةً كلٌّ منها إلى إضافة مستقلة.

عينات ألوان السمات

امنح مصطلح سمة المنتج لونًا من لوحة الإدارة، فتعرض المنتجات المتغيرة نقاطًا ملونة أو أزرارًا بدلًا من القائمة المنسدلة، ويختار المتسوق المتغيّر بنظرة واحدة.

إضافة إلى السلة بتقنية AJAX

تؤدي إضافة منتج من شبكة أو عارض دوّار أو تراكب بطاقة إلى تحديث السلة مباشرةً. يبقى المتسوق في الصفحة التي كان يتصفحها، وتواصل سلة التسوق المصغّرة في الترويسة عرض العدد.

أنماط بطاقات المنتجات

ثبّت كل صور الكتالوج على شكل موحد كي تصطف البطاقات، واختر ما إذا كانت صور المعرض الإضافية تظهر عند التمرير أو تعمل كعرض شرائح، واختر ما تعرضه طبقة التمرير: الشراء أو العرض السريع أو كليهما.

النماذج

18 قالب متجر في محرر الموقع

كل شاشة من شاشات المتجر هي نموذج كتلة تفتحه وتعدّله وتستعيده إلى وضعه الأصلي في محرر الموقع، بالطريقة نفسها التي تعدّل بها أي نموذج كتلة آخر.

تخطيطات المنتج الفردي

اضبط تخطيط صفحة المنتج بوصفه الافتراضي، أو ملخصًا ثابتًا يتبع معرض الصور، أو قائمة، أو تصميمًا تغلب عليه الألوان، أو تصميم متجر، أو أحد تخطيطين مخصصين لمعرض الروابط، أو بنسخة بشريط جانبي أيسر أو أيمن أو بشريطين جانبيين.

تخطيطات صفحات المتجر

صمّم صفحة المتجر نفسها بعرض كامل، أو بشريط جانبي أيسر، أو بشريط جانبي أيمن، أو بشريطين جانبيين على الجانبين، لتتوضع الفلاتر والتصنيفات حيث يحتاجها كتالوجك.

الأرشيفات والسلة والدفع

تتوفر أرشيفات المتجر وأرشيفات فئات المنتجات وسلة التسوق وصفحة الدفع، كلٌّ منها كنموذج، إلى جانب تجاوزات نماذج WooCommerce التي يوفرها القالب.

محرر الموقع في WordPress مع لوحة النماذج مفتوحة، تعرض كل النماذج بجانب مجموعتي نماذج Canvas وWooCommerce، ونموذج Canvas معروض داخل منطقة التحرير

تظهر نماذج المتجر ضمن woocommerce في لوحة النماذج الخاصة بمحرر الموقع، إلى جانب نماذج Canvas، ويمكن إعادة ضبطها من الشاشة نفسها.

عيّن تخطيطًا لكل منتج من المحرر، أو اضبط التخطيط الافتراضي للمتجر بأكمله من خيارات القالب. يظل النموذج الذي تخصّصه في محرر الموقع مخصصًا خلال التحديثات، ويُعلمك Canvas بالنماذج التي تغيّرت بعد كل تحديث.

خيارات القالب

39 خيارًا للمتجر، 5 تبويبات

إعدادات افتراضية على مستوى المتجر لكتالوج المنتجات وصفحة المنتج والسلة والدفع وسلة التسوق المصغّرة في الترويسة، بالإضافة إلى وضع الكتالوج للمتاجر التي تستقبل الاستفسارات. تُدار هنا جميع هذه الخيارات: عدد المنتجات في كل صفحة، والترقيم، وشكل صورة المنتج، والصور الإضافية في المعرض، وطبقة البطاقة. ومع ذلك تبقى الكتلة التي تضبط أياً منها بمفردها هي الأولى بالتطبيق على الصفحة التي تُدرج فيها.

  • الكتالوج: عدد المنتجات في كل صف لكل حجم شاشة، وشكل الصورة، وسلوك تمرير المؤشر، وشارة التخفيض
  • صفحة المنتج: ما تعرضه شاشة المنتج الفردي، وشريط الإضافة إلى السلة اللاصق
  • السلة والدفع: شريط تقدّم للشحن المجاني، وصفحة دفع بلا أي عناصر تشتّت الانتباه
  • سلة التسوق المصغّرة: ما الذي تفعله سلة الترويسة عندما يضيف المتسوق منتجاً
  • وضع الكتالوج: إخفاء الأسعار وزر الشراء، وعرض زر الاستفسار

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

قسم المتجر في خيارات القالب الخاصة بـ Canvas، ويعرض إعدادات الكتالوج: عدد المنتجات في كل صفحة، والترقيم، وشكل صورة المنتج، والصور الإضافية، وطبقة البطاقة.
خيارات القالب، قسم المتجر، علامة تبويب الكتالوج.
الأداء

خمسة مفاتيح تبديل في WooCommerce

يحمّل WooCommerce السكربتات وملفات الأنماط في كل صفحة من صفحات الموقع، حتى الصفحات التي لا تبيع شيئاً. تتيح لك هذه المفاتيح الخمسة إيقاف ذلك، ويمكن التراجع عن كل منها.

  • إزالة JavaScript الخاص بـWooCommerce من الصفحات التي لا تعرض أي مخرجات للمتجر
  • أوقف تتبع إسناد الطلبات إذا كنت لا تقرأ تلك التقارير
  • إيقاف الاستطلاع الدوري لسكربت أجزاء السلة عند تحميل كل صفحة
  • أزل مكتبة قوة كلمة المرور من خارج صفحات الحساب والدفع
  • أزل مكتبة Select2 المضمّنة خارج صفحات الدفع والحساب

جميع تحسينات الأداء البالغ عددها 35

علامة تبويب WooCommerce ضمن خيارات الأداء في Canvas، تعرض خمسة مفاتيح تبديل لإزالة نصوص WooCommerce البرمجية من الصفحات التي لا تحتاجها
خيارات القالب، الأداء، تبويب WooCommerce.
متاجر العروض التوضيحية

21 عرضاً توضيحياً هو متجر WooCommerce فعّال

المنتجات والفئات والسمات وسلة التسوق وصفحة الدفع، مستوردة وجاهزة لاستقبال طلب تجريبي. اطّلع على أيٍّ منها مباشرةً قبل أن تقرر.

جميع العروض التوضيحية (88)

الاستيراد إلى متجر مباشر

تُعتمد صفحات متجرك ولا تُكرَّر

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

شاشة استيراد العروض التوضيحية في Canvas داخل لوحة إدارة WordPress، تعرض كتالوج العروض كبطاقات، مع زر استيراد على كل بطاقة

شاشة الاستيراد التي تمرّ بها كل عروض المتاجر التوضيحية، ومعها خيار التراجع عنها.

متجر واحد وسلة واحدة وإتمام شراء واحد

تعثر أداة الاستيراد على صفحات WooCommerce الحالية لديك، وتوجّه قوائم العرض التوضيحي وروابطه إليها مباشرةً.

قابل للتراجع

يُتتبع كل ما أنشأه الاستيراد، لذا تكفي شاشة واحدة لإزالة محتوى العرض التوضيحي واستعادة الخيارات والقوائم التي كانت موجودة قبلًا.

المنتجات المضمّنة

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

أو الصفحات فقط

إذا اخترت استيراد الصفحات فقط، ستحصل على صفحات العرض التوضيحي دون خيارات القالب أو قوائمه أو صفحته الرئيسية.

الأسئلة

البيع مع Canvas

ما يسأل عنه أصحاب المتاجر أولًا. تغطي الوثائق كل كتلة وخيار بالتفصيل.

هل ما زلت بحاجة إلى إضافة WooCommerce؟

نعم، يضيف Canvas كتلاً ونماذج وخيارات فوق WooCommerce، ولا يستبدل أياً منها. تبقى الطلبات والمنتجات والضرائب والشحن والمدفوعات في WooCommerce حيث تتوقع إضافاتك الأخرى أن تجدها. إذا بدأت من عرض توضيحي لمتجر، فإن معالج الإعداد يثبّت WooCommerce ويفعّله لك قبل تشغيل الاستيراد.

هل سيؤدي استيراد عرض توضيحي لمتجر إلى استبدال صفحتي المتجر والدفع الخاصتين بي؟

لا، يعتمد مستورد Canvas على صفحات WooCommerce الموجودة في موقعك، فلا تظهر صفحة متجر أو سلة أو دفع أو حساب ثانية. تبقى منتجاتك وطلباتك الحالية دون تغيير.

هل يمكنني دمج هذه مع كتل WooCommerce الخاصة؟

نعم، كتل متجر Canvas كتل مسجّلة عادية، لذا تعمل إلى جانب كتل WooCommerce والكتل الأساسية في النموذج نفسه والصفحة نفسها، ويمكنك استبدال كتلة واحدة في كل مرة دون الالتزام بتخطيط كامل.

كيف تعمل عينات الألوان؟

امنح مصطلح السمة في المنتج لونًا من لوحة الإدارة في WordPress، وستعرض كتلة Canvas Variation Swatches تلك السمة كنقاط ملونة أو أزرار كبسولية بدلًا من القائمة المنسدلة، في صفحة المنتج وفي النماذج التي تستخدمها.

هل كتل المتجر مشمولة في خطتي؟

نعم: جميع كتل المتجر في Canvas، وعددها 24 كتلة، وكلها من الكتل المميزة، وتتضمن كل خطة كل الكتل المميزة. لا توجد إضافة للمتجر ولا فئة تجارة إلكترونية منفصلة. تفصل قوالب أخرى هذه الميزات عادةً: العرض السريع ميزة في Astra Pro، وتبيع OceanWP إضافتها eCommerce Pro كمنتج منفصل.

ابنِ المتجر، لا التفاصيل التقنية

تتضمن كل خطة جميع كتل المتجر، وعددها 24، وجميع قوالب المتجر، وعددها 18، وجميع العروض التوضيحية للمتاجر، وعددها 21. لا يوجد مستوى منفصل للتجارة الإلكترونية تحتاج إلى الترقية إليه.