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

URL: https://canvaswp.com/ar/woocommerce/
Updated: 2026-11-03

WooCommerce

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

آخر تحديث 3 نوفمبر 2026

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

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

### متجر الملابس

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

[قوالب التجارة الإلكترونية](https://canvaswp.com/ar/wordpress-themes/ecommerce/)

### الأثاث

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

[قوالب التصميم الداخلي](https://canvaswp.com/ar/wordpress-themes/interior-design/)

### النبيذ

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

[قوالب المطاعم](https://canvaswp.com/ar/wordpress-themes/restaurant/)

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

[جميع كتل Canvas، وعددها 314](https://canvaswp.com/ar/blocks/)

السلوك

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

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

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

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

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

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

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

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

النماذج

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[خيارات المتجر التي تساعدك على البيع](https://docs.canvaswp.com/store-options-that-help-you-sell) [وضع الكتالوج](https://docs.canvaswp.com/catalog-mode) [قائمة الأمنيات](https://docs.canvaswp.com/the-wishlist)

خيارات القالب، قسم المتجر، علامة تبويب الكتالوج.

الأداء

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

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

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

[جميع تحسينات الأداء البالغ عددها 35](https://canvaswp.com/ar/performance/)

خيارات القالب، الأداء، تبويب WooCommerce.

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

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

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

### [العرض التوضيحي Bag Store، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/ecommerce/)

المتاجر والتجارة الإلكترونية · 9 صفحات · [ما يثبّته: الكتل وأنواع المحتوى الخاصة بعرض Bag Store التوضيحي](https://docs.canvaswp.com/design-ecommerce)

### [العرض التوضيحي Barber Shop، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/barber/)

التجميل والسبا · 7 صفحات · [ما يتم تثبيته: الكتل وأنواع المحتوى في العرض التوضيحي Barber Shop](https://docs.canvaswp.com/design-barber)

### [العرض التوضيحي CanvasRoam، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/youtube-creator/)

معارض الأعمال والمواقع الشخصية · 10 صفحات · [ما يتم تثبيته: الكتل وأنواع المحتوى الخاصة بالعرض التوضيحي CanvasRoam](https://docs.canvaswp.com/design-youtube-creator)

### [العرض التوضيحي Christmas Store، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/xmas/)

المتاجر والتجارة الإلكترونية · 6 صفحات

### [العرض التوضيحي Clothing Store، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/store/)

المتاجر والتجارة الإلكترونية · 19 صفحة · [ما يثبّته: الكتل وأنواع المحتوى الخاصة بعرض Clothing Store التوضيحي](https://docs.canvaswp.com/design-store)

### [العرض التوضيحي Conference، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/conference/)

الفعاليات وحفلات الزفاف · 25 صفحة · [ما يتم تثبيته: الكتل وأنواع المحتوى الخاصة بالعرض التوضيحي Conference](https://docs.canvaswp.com/design-conference)

### [العرض التوضيحي Drone، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/drone/)

المتاجر والتجارة الإلكترونية · 12 صفحة

### [العرض التوضيحي eBook، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/ebook/)

المتاجر والتجارة الإلكترونية · 9 صفحات

### [العرض التوضيحي Fashion Shop، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/shop/)

المتاجر والتجارة الإلكترونية · 25 صفحة

### [العرض التوضيحي Fashion Store، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/fashion-store/)

المتاجر والتجارة الإلكترونية · 16 صفحة

### [العرض التوضيحي FORM 2026، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/event-conference/)

الفعاليات وحفلات الزفاف · 14 صفحة · [ما يتم تثبيته: الكتل وأنواع المحتوى الخاصة بالعرض التوضيحي FORM 2026](https://docs.canvaswp.com/design-event-conference)

### [العرض التوضيحي Furniture، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/furniture/)

المتاجر والتجارة الإلكترونية · 12 صفحة

### [العرض التوضيحي Game of Canvas، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/gaming/)

الترفيه والمجتمع · 12 صفحة · [ما الذي يتم تثبيته: الكتل وأنواع المحتوى في العرض التوضيحي Game of Canvas](https://docs.canvaswp.com/design-gaming)

### [العرض التوضيحي Illustrator، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/illustrator/)

معارض الأعمال والمواقع الشخصية · 7 صفحات · [ما يتم تثبيته: الكتل وأنواع المحتوى الخاصة بالعرض التوضيحي Illustrator](https://docs.canvaswp.com/design-illustrator)

### [العرض التوضيحي Jewelry Boutique، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/jewellery-boutique/)

المتاجر والتجارة الإلكترونية · 17 صفحة

### [العرض التوضيحي Podcasts، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/podcasts/)

المدونات والمجلات · 13 صفحة · [ما يتم تثبيته: الكتل وأنواع المحتوى الخاصة بالعرض التوضيحي Podcasts](https://docs.canvaswp.com/design-podcasts)

### [العرض التوضيحي Pottery Shop، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/shop-2/)

المتاجر والتجارة الإلكترونية · 12 صفحة

### [العرض التوضيحي Speaker Store، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/speaker/)

المتاجر والتجارة الإلكترونية · 11 صفحة

### [العرض التوضيحي Supplement Store، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/supplements/)

المتاجر والتجارة الإلكترونية · 13 صفحة

### [العرض التوضيحي Wildroot Gear، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/gear/)

المتاجر والتجارة الإلكترونية · 14 صفحة · [ما يثبّته: الكتل وأنواع المحتوى الخاصة بعرض Wildroot Gear التوضيحي](https://docs.canvaswp.com/design-gear)

### [العرض التوضيحي Wine Estate، معاينة مباشرة (تُفتح في علامة تبويب جديدة)](https://demos.canvaswp.com/wine/)

الطعام والشراب · 10 صفحات · [ما يثبّته: الكتل وأنواع المحتوى في العرض التوضيحي Wine Estate](https://docs.canvaswp.com/design-wine)

[جميع العروض التوضيحية (88)](https://canvaswp.com/ar/demos/)

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

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

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

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

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

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

### قابل للتراجع

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

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

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

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

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

الأسئلة

## البيع مع Canvas

ما يسأل عنه أصحاب المتاجر أولًا. تغطي [الوثائق](https://docs.canvaswp.com/setting-up-your-shop) كل كتلة وخيار بالتفصيل.

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

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

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

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

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

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

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

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

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

نعم: جميع كتل المتجر في Canvas، وعددها 24 كتلة، وكلها من الكتل المميزة، وتتضمن كل خطة كل الكتل المميزة. لا توجد إضافة للمتجر ولا فئة تجارة إلكترونية منفصلة. تفصل قوالب أخرى هذه الميزات عادةً: العرض السريع ميزة في [Astra Pro](https://canvaswp.com/ar/compare/astra/)، وتبيع OceanWP [إضافتها eCommerce Pro](https://canvaswp.com/ar/compare/oceanwp/) كمنتج منفصل.