# 9 تخطيطات للمتجر

URL: https://canvaswp.com/ar/templates/shop/
Updated: 2026-11-05

النماذج

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

[فتح العرض المباشر](https://demos.canvaswp.com/classic/) [استعراض العروض التوضيحية](https://canvaswp.com/ar/demos/)

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

- [4 أعمدة (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/shop/)
- [3 أعمدة (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/shop-3/)
- [عمودان (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/shop-2-right-sidebar/)
- [عمود واحد (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/shop-1/)
- [تخطيطات المنتجات (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/product/pink-printed-dress/)
- [الفئات - Parallax (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/shop-category-parallax/)
- [مرشّح التركيبات (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/shop-combination-filter/)
- [السلة (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/cart/)
- [الدفع (يُفتح في تبويب جديد)](https://demos.canvaswp.com/xmas/xmas-checkout/)

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

المكوّنات التي تتألف منها كل صفحة

## صفحات المتجر المبنية من الكتل والنماذج

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

### أعمدة الكتالوج

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

### صفحة المنتج

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

### لافتات الفئات

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

### فلتر التركيبات

كتلة Canvas Products مع شريطَي Canvas Grid Filter فوقها، أحدهما بعنوان «اختر الفئة» والآخر بعنوان «ترتيب حسب»، فيتمكن المتسوق من تضييق الكتالوج إلى نوع واحد وترتيبه حسب الاسم أو السعر فورًا، دون إعادة تحميل الصفحة.

### السلة

تستخدم سلة العرض كتلة Cart التي تشحنها WooCommerce. تضيف Canvas كتلتيها الخاصتين Cart Table وCart Totals لمتجر يريد تنسيق صفحة السلة كتلةً تلو الأخرى.

### الدفع

لا تحتوي سلة الشراء الفارغة على صفحة دفع لعرضها، لذلك يفتح هذا الرابط صفحة الدفع الخاصة بعرض متجر عيد الميلاد التوضيحي، المبني من كتلتي Canvas Checkout Billing وCanvas Checkout Order Review. يُستورد هذا العرض مع منتجاته وصفحة الدفع هذه في مكانها.

اختيار

## أيّ تخطيط للمتجر يناسب كتالوجك

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

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

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

يُستورد 21 عرضًا من أصل 88 عرضًا توضيحيًا كمتاجر WooCommerce، مع المنتجات والتصنيفات وصفحتي السلة والدفع في مكانها.

### ميزات المتجر

24 كتلة WooCommerce و18 نموذجًا للمتجر، من معرض المنتجات إلى مراجعة الطلب.

- [WooCommerce في Canvas](https://canvaswp.com/ar/woocommerce/)

### الشرح خطوة بخطوة

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

- [إنشاء متجر WooCommerce](https://canvaswp.com/ar/guides/start-a-woocommerce-store-with-wordpress/)

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

الأزياء والفخار والأثاث وغيرها، وتُعاين كل منها صفحةً بصفحة قبل استيرادها.

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

المزيد من النماذج

## بقية المكتبة

- [قوالب الصفحات 13](https://canvaswp.com/ar/templates/page-templates/)
- [الأكواد القصيرة والعناصر 57](https://canvaswp.com/ar/templates/shortcodes/)
- [تخطيطات معارض الأعمال 27](https://canvaswp.com/ar/templates/portfolio/)
- [تخطيطات المدونة 35](https://canvaswp.com/ar/templates/blog/)