1) تخصيص صفحة المتجر (Shop Page)
تُعد صفحة «المتجر» الواجهة الأمامية لمتجرك الإلكتروني—المكان الذي يتصفّح فيه العملاء منتجاتك. يمكنك بسهولة ضبطها لتُطابق هوية علامتك وتفضيلاتك في التخطيط.
الوصول إلى صفحة المتجر
انتقل إلى صفحة المتجر.
انقر Customize من الشريط العلوي.
يمكنك تغيير عدد الأعمدة وعدد المنتجات في الصفحة.
بدِّل إظهار/إخفاء عناصر مثل عنوان المنتج، السعر، التقييم، زر “أضف إلى السلة” وغير ذلك.
عند الانتهاء، انقر Publish.
خيارات تخصيص مفيدة
شبكة المنتجات (Product Grid Layout): تحكَّم بعدد المنتجات في كل صف أو في كل صفحة.
(Customizer → WooCommerce → Product Catalog)عناصر صفحة المتجر (Shop Page Elements): شغِّل أو عطِّل ظهور عنوان المنتج، السعر، التقييم، زر الإضافة إلى السلة…
تخطيط الشريط الجانبي والمرشّحات (Sidebar & Filters Layout): اختر شريطًا جانبيًا يسار/يمين أو بدون شريط لعرض المرشّحات والفئات بسهولة.
الخطوط والألوان (Typography & Colors): من (Customizer → Global → Typography / Colors) عدّل الخطوط ولوحة الألوان لتتوافق مع هويتك البصرية.
2) إضافة خيارات فرز المنتجات
الفرز الافتراضي
يتضمّن WooCommerce قائمة منسدلة أساسية للفرز في صفحات المتجر والفئات. يمكنك تخصيص خيارات الفرز عبر:
الانتقال إلى صفحة المتجر
النقر Customize من الشريط العلوي
خيارات الفرز الشائعة:
الفرز الافتراضي (الترتيب المخصّص + الاسم)
الفرز حسب الشعبية
الفرز حسب متوسط التقييم
الفرز حسب الأحدث
الفرز حسب السعر (من الأقل للأعلى أو العكس)
ثم انقر Publish للحفظ.
3) عرض عوامل التصفية/الفئات ذات الصلة
يتضمّن WooCommerce مرشّح الفئات في صفحة المتجر لمساعدة العملاء على تضييق النتائج حسب الفئة.
إضافة التصفية الافتراضية (قائمة فئات المنتجات)
اذهب إلى Pages → All Pages → Shop
انقر Edit
أضف ودجت قائمة فئات المنتجات (Products category list)
انقر Publish
ملاحظة: يسهّل هذا على الزوّار استكشاف المنتجات ذات الصلة ضمن الفئة المناسبة.
4) أفضل الممارسات لتحسين تجربة المستخدم (UX)
استخدم صور منتجات موحّدة ونِسَب أبعاد متسقة.
اجعل المرشّحات وخيارات الفرز مرئية دون تمرير طويل.
اختبر التصميم على الأجهزة المحمولة للتأكد من سهولة الاستخدام على الشاشات الصغيرة.
الخلاصة
قد تُحدث تجربة تسوّق سلسة وجذّابة بصريًا فرقًا بين ارتداد سريع وبيع ناجح. مع Spectra Builder وقالب Astra يمكنك تحويل تخطيط WooCommerce الافتراضي إلى واجهة حديثة وسهلة الاستخدام—مصمّمة بدقّة لتناسب علامتك ورحلة عميلك.
خُذ وقتك في تحسين التدفق، تبسيط التنقّل، وجعل الاكتشاف تلقائيًا وسهلًا. عملاؤك (ومبيعاتك) سيشكرونك على ذلك.