يعد تصنيف المنتجات طريقة رائعة لإزالة الفوضى في متجر WooCommerce وإرشاد المستخدمين بشكل حدسي إلى الصفحة التي يبحثون عنها. في WooCommerce ، يمكنك بسهولة تجميع منتجاتك المتشابهة ضمن فئة ، مما يسهل على المستخدمين مسح المنتجات والعثور عليها.
على سبيل المثال ، إذا كنت تبيع قمصانًا وقمصانًا وبنطلونات ونظارات شمسية يمكنك بسهولة تصنيف القمصان والقمصان والسراويل ضمن فئة “الملابس” والنظارات الشمسية ضمن فئة “الملحقات”.
في متجر WooCommerce أو صفحات الأرشيف ، يمكنك فقط عرض المنتجات أو الفئات فقط أو كل من المنتجات والفئات معًا. سنرى في هذه المقالة كيفية إنشاء فئات WooCommerce وعرضها في صفحات المتجر أو الأرشيف.
إنشاء فئات المنتجات في WooCommerce
كيفية إضافة فئات المنتجات في WooCommerce
تعد إضافة فئة في WooCommerce أمرًا بسيطًا للغاية. في غضون نقرات قليلة ، يمكنك إنشاء فئة وتعيين المنتجات لتلك الفئة المعينة. اتبع هذه الخطوات لإنشاء فئة WooCommerce:
انتقل إلى لوحة التحكم> المنتجات> الفئات
في الجزء الأيمن ، ستجد هذه الحقول ( الاسم ، Slug ، الأصل ، الوصف ، نوع العرض والصورة المصغرة )
الاسم : اسم فئة المنتج الخاص بك (مثل الأحذية)
Slug : يحدد عنوان URL (على سبيل المثال ، إذا كتبت حذاء فسيتم ترجمته إلى www.yoursite.com/product-category/shoes)
الأصل : إذا كانت هذه الفئة هي الفئة الرئيسية أو أنها تندرج تحت فئة أخرى
الوصف : معلومات مفصلة عن الفئة.
نوع العرض : يحدد عند وصول الزائرين إلى صفحة الفئة ما (المنتجات أو الفئات الفرعية أو كليهما) الذي سيشاهدونه.
الصورة المصغرة : صورة فئة المنتج
بعد ملء جميع معلومات الفئة ، انقر فوق الزر إضافة فئة منتج جديد .
فئات woocommerce
كيفية إضافة فئات فرعية في WooCommerce
بناءً على حاجتك ، يمكنك تضمين فئة منتج واحدة تحت فئة أخرى في WooCommerce. ببساطة ، يمكنك إنشاء فئة وتعيينها كأصل أو فئة فرعية لفئة أخرى. على سبيل المثال ، يمكن أن تكون الأحذية هي الفئة الأصلية ويمكن أن تكون أحذية Nike هي الفئة الفرعية لفئة أحذية.
انتقل إلى لوحة التحكم> المنتجات> الفئات
في الجزء الأيمن ، ستجد قائمة بجميع الفئات
انقر فوق أي فئة تريد تحريرها وسيأخذك إلى صفحة تحرير فئة المنتج
حدد الفئة الرئيسية لهذه الفئة من القائمة المنسدلة للفئة الرئيسية
انقر فوق ” تحديث” لحفظ التغييرات الخاصة بك.
كيفية تحميل صورة الفئة في WooCommerce
يمكنك تحميل صورة لافتة للفئة أو صورة مصغرة للفئة في WooCommerce. إذا كان موضوع وورد بريس الخاص بك متوافقًا مع WooCommerce ، فسيتم عرض صورة الفئة هذه في صفحة فئة المنتج. اتبع هذه الخطوات لتحميل صورة الفئة:
انتقل إلى لوحة التحكم> المنتجات> الفئات
في الجزء الأيمن ، ستجد قائمة بجميع الفئات
انقر فوق أي فئة تريد تحريرها وسيأخذك إلى صفحة تحرير فئة المنتج
قم بالتمرير لأسفل إلى Thumbnail وانقر فوق تحميل / إضافة صورة لتحميل صورة الفئة الخاصة بك.
انقر فوق ” تحديث” لحفظ التغييرات الخاصة بك.
كيفية إعادة ترتيب فئات منتجات WooCommerce
يتم ترتيب فئات المنتجات بناءً على الترتيب الذي تم إنشاؤه لكل فئة منتج. ولكن يمكنك بسهولة تغيير ترتيب كيفية طلبه في الواجهة الأمامية (Shop Page أو Sidebar Widgets أو في أي مكان تريد عرضه باستخدام الرموز القصيرة). ما عليك سوى اتباع هذه الخطوات لإعادة ترتيب الفئات.
انتقل إلى لوحة التحكم> المنتجات> الفئات
في الجزء الأيمن ، ستجد قائمة بجميع الفئات
انقر فوق أيقونة = في نهاية الفئة واسحبها لفرزها.
تغيير ترتيب فئة المنتج
عرض فئة منتج WooCommerce
إظهار فئات المنتجات على الصفحة الرئيسية
إذا كان المظهر الخاص بك متوافقًا مع WooCommerce ويحتوي على قالب للصفحة الرئيسية يحتوي على أقسام WooCommerce ، فستتمكن من عرض فئات المنتجات على الصفحة الرئيسية. وإلا فسيتعين عليك عرض فئات المنتجات باستخدام الرموز المختصرة لفئة WooCommerce.
إظهار فئات المنتجات في صفحة المتجر
في صفحة المتجر ، يمكنك فقط عرض الفئات أو الفئات مع المنتجات أو المنتجات فقط. إذا كنت ترغب في عرض فئات المنتجات على صفحة المتجر الخاصة بك بدلاً من المنتجات فقط ، فاتبع الخطوات التالية:
انقر فوق المظهر> تخصيص
ثم اذهب إلى WooCommerce > Product Catalog
حدد ” إظهار الفئات ” من عرض صفحة المتجر
انقر فوق حفظ التغييرات
إظهار فئات WooCommerce الفرعية في صفحة المتجر
الفئات – الفئات الفرعية – المنتجات. إذا كنت تريد عرض صفحة متجرك بهذا الترتيب. اتبع هذه الخطوات:
انقر فوق المظهر> تخصيص
ثم اذهب إلى WooCommerce > Product Catalog
حدد ” الفئات الفرعية المعرض ” من الفئة العرض
انقر فوق حفظ التغييرات
إظهار فئات المنتجات في أي صفحة
يمكنك عرض فئات المنتجات على أي صفحة باستخدام الرموز القصيرة التالية المتوفرة مع WooCommerce.
– عرض جميع منتجات فئة معينة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
دعونا نرى كيفية عرض فئات منتجات WooCommerce على الصفحة.
انتقل إلى Dashboard -> Pages وحدد أي صفحة
اكتب الرمز المختصر
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
إذا كنت تريد المزيد من التحكم ، فيمكنك استخدام المعلمات أدناه لتعديل ما تريد عرضه. مثال:
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
-
السعر0 — 350تاريخ الناشرالعلامة التجاريةاضافات وردبريسموارد تصميمةثيمات وردبريسكورسات برمجةكورسات تصميم
WooCommerce: كيفية عرض الفئات في أي صفحة
انقر فوق نشر بعد إجراء التغييرات.
معلمات الرمز المختصر لفئة المنتج:
معامل القيمة المقبولة وصف
number 12 عدد الفئات التي تريد عرضها
orderby ID | title | name اطلب المنتج عن طريق
order ASC, DESC يحدد ترتيب الفئات سواء تصاعدياً أو تنازلياً.
columns 3 عدد الأعمدة
hide_empty 0 | 1 1 لإخفاء الفئة التي لا تحتوي على أي منتجات مدرجة تحتها.
parent 0 | 1 0 لعرض الفئات الأصلية فقط و 1 لعرض جميع الفئات (مع الفئات الفرعية)
ids 12 قائمة معرّفات الفئات مفصولة بفواصل
إظهار فئات المنتجات على الشريط الجانبي
إذا كنت ترغب في عرض فئات منتجات WooCommerce على الشريط الجانبي للصفحة ، فاتبع الخطوات التالية:
انتقل إلى المظهر> الحاجيات
ابحث عن الأداة التي تسمى ” فئات منتجات WooCommerce “
اسحب إلى الشريط الجانبي الذي تريده.
اعرض فئة منتج WooCommerce في قائمة
انتقل إلى المظهر -> القوائم
انقر فوق خيارات الشاشة من أعلى اليسار وتحقق من فئات المنتجات
الآن في الجزء الأيمن ، ستظهر علامة تبويب فئات المنتجات .
انقر فوق علامة التبويب فئات المنتجات للتوسيع ، وحدد الفئات
انقر فوق حفظ القائمة
تخصيص قالب فئة المنتج
واحدة من عجائب WooCommerce الحقيقية هي مرونتها. يحتوي WooCommerce على الكثير من الخطافات (Action Hooks & Filter Hooks) في التعليمات البرمجية المصدر التي تتيح للمطورين تعديل الكود بسهولة. على سبيل المثال ، توجد هنا قائمة بالخطافات التي ستتيح لك تعديل تخطيط فئة المنتج.
خطاف الحركة – خطاف الحركة – خطاف الحركة – woocommerce_before_subcategory
خطاف woocommerce_before_subcategory_title
الحركة – woocommerce_shop_loop_subcategory_title
خطاف woocommerce_after_subcategory_title
الحركة – woocommerce_after_subcategory
خطاف المرشح -woocommerce_subcategory_count_html
إخفاء عنوان فئة المنتج
إذا كنت تريد إخفاء عنوان فئة المنتج ، فما عليك سوى إدخال هذا في وظائف السمات الخاصة بك
remove_action( 'woocommerce_shop_loop_subcategory_title', 'woocommerce_template_loop_category_title', 10 );
إخفاء عدد فئات المنتج
على سبيل المثال ، إذا كنت لا تريد عرض عدد فئة المنتج على صفحة المتجر ، فقم فقط بإدراج هذا المقتطف. أدخل هذا الرمز في ملف jobs.php الخاص بالقالب الفرعي
add_filter( 'woocommerce_subcategory_count_html', '__return_null' );
المنشورات ذات الصلة:
WooCommerce: إخفاء الفئات من منتج Cat Widget
WooCommerce & Avada: المشاركة الاجتماعية @ فئة المنتج
WooCommerce: اكتشف ما إذا كانت الفئة الحالية فئة فرعية
WooCommerce: تغيير الروابط الثابتة للمنتج في صفحات المتجر / الحلقات
WooCommerce: إخفاء “لم يتم العثور على منتجات مطابقة لاختيارك”
WooCommerce: أضف الوصف الثاني @ صفحات فئة المنتج
WooCommerce: إزالة عنوان “Shop” @ WooCommerce Shop Page
WooCommerce: اعرض قائمة منسدلة لفئات المنتجات
WooCommerce: إخفاء صور الفئة @ Shop
أين تضيف هذا المقتطف؟
يمكنك وضع مقتطفات PHP في الجزء السفلي من ملف function.php القالب الفرعي الخاص بك (احذف “؟>” إذا كان لديك هناك). من ناحية أخرى ، ينتقل CSS في ملف style.css الخاص بسمة الطفل. تأكد من أنك تعرف ما تفعله عند تحرير مثل هذه الملفات – إذا كنت بحاجة إلى مزيد من الإرشادات ، فيرجى إلقاء نظرة على الفيديو التعليمي المجاني الخاص بي “أين تضع تخصيص WooCommerce؟”
هل هذا المقتطف (لا يزال) يعمل؟
يرجى إعلامي في التعليقات إذا كان كل شيء يعمل كما هو متوقع. يسعدني مراجعة المقتطف إذا أبلغت بخلاف ذلك (يرجى تقديم لقطات شاشة). لقد اختبرت هذا الكود مع موضوع Storefront وإصدار WooCommerce المذكور أعلاه واستضافة صديقة لـ وورد بريس على PHP 7.3.
إذا كنت تعتقد أن هذا الرمز وفر لك الوقت والمال ، فلا تتردد في الانضمام إلى أكثر من 14000 مشترك في WooCommerce Weekly للحصول على تحديثات منشورات المدونة أو أكثر من 250 من مؤيدي Business Bloomer لمدة 365 يومًا من مزايا WooCommerce . شكرا لكم مقدما 🙂
هل تحتاج إلى مساعدة في WooCommerce؟
تحقق من دروس الفيديو المجانية هذه. يمكنك تعلم كيفية تخصيص WooCommerce بدون مكونات إضافية غير ضرورية ، وكيفية تكوين إعدادات البرنامج المساعد WooCommerce بشكل صحيح وحتى كيفية إتقان استكشاف أخطاء WooCommerce في حالة حدوث خطأ!

