استخدم هذين الرمزين القصيرين (shortcodes) لعرض فئات المنتجات في أي صفحة من متجر ووكومرس الخاص بك. يعرض الرمز القصير [product_category] المنتجات من فئة معينة، بينما يعرض [product_categories] شبكة من فئات المنتجات الخاصة بك.

  • [product_category] — يعرض المنتجات المنتمية إلى فئة محددة. يتطلب سمة category لتحديد الفئة المراد عرضها.
  • [product_categories] — يعرض شبكة من مربعات فئات المنتجات، يظهر في كل منها صورة الفئة، واسمها، وعدد المنتجات. يدعم التصفية حسب المعرف (ID)، والفئة الأم، وترتيب الفرز.

إدراج رمز قصير في صفحة (Insert a shortcode into a page)

لإضافة رمز قصير لفئة المنتجات إلى صفحة أو منشور:

  1. افتح الصفحة أو المنشور في محرر كتل ووردبريس (block editor).
  2. انقر على زر الإدراج + وابحث عن كتلة الرمز القصير (Shortcode).
  3. أضف الكتلة إلى صفحتك والصق الرمز القصير المطلوب في حقل النص.
  4. انقر على نشر (Publish) أو تحديث (Update) لحفظ التغييرات.

إذا كنت تستخدم المحرر الكلاسيكي (Classic Editor)، فالصق الرمز القصير مباشرة في منطقة محتوى الصفحة.

يوفر ووكومرس أيضاً كتل فئات المنتجات كبديل قائم على الكتلة للرموز القصيرة. للتفاصيل، راجع توثيق كتل ووكومرس (WooCommerce Blocks documentation).

سمات الرمز القصير product_categories

تخصّص السمات التالية الفئات التي يعرضها الرمز القصير [product_categories] وكيفية ظهورها:

  • ids — حدد معرفات فئات المنتجات لعرضها. تظهر الفئات المدرجة فقط.
  • limit — عدد الفئات المراد عرضها. أدخل 0 أو اتركها دون إعلان لعرض جميع الفئات. قابلة للتبديل مع number.
  • columns — عدد الأعمدة المراد عرضها. القيمة الافتراضية هي 4.
  • hide_empty — القيمة الافتراضية هي 1، مما يخفي الفئات الفارغة. اضبطها على 0 لعرض الفئات الفارغة.
  • parent — اضبطها على معرف فئة محدد لعرض جميع فئاتها الفرعية. اضبطها على 0 لعرض الفئات الرئيسية فقط (top-level).
  • orderby — القيمة الافتراضية هي name. الخيارات الأخرى تشمل id و slug و menu_order. للترتيب حسب المعرفات التي حددتها، استخدم orderby="include".
  • order — يحدد ما إذا كان ترتيب الفئات تصاعدياً (ASC) أو تنازلياً (DESC)، باستخدام الطريقة المحددة في orderby. القيمة الافتراضية هي ASC.

سمات الرمز القصير product_category

تخصّص السمات التالية المنتجات التي يعرضها الرمز القصير [product_category] وكيفية ظهورها:

  • category — معرف الفئة، أو اسمها، أو رابطها المختصر (slug). هذه السمّة مطلوبة.
  • limit — عدد المنتجات المراد عرضها. القيمة الافتراضية هي عرض جميع المنتجات في الفئة. قابلة للتبديل مع per_page.
  • columns — عدد الأعمدة المراد عرضها. القيمة الافتراضية هي 4.
  • orderby — القيمة الافتراضية هي title. الخيارات الأخرى تشمل date و id و menu_order و popularity و rand و rating.
  • order — يحدد ما إذا كان ترتيب المنتجات تصاعدياً (ASC) أو تنازلياً (DESC). القيمة الافتراضية هي ASC.

أمثلة على الرموز القصيرة (Shortcode examples)

عرض المنتجات من فئة معينة (Display products from a specific category)

لعرض المنتجات من فئة واحدة، استخدم الرمز القصير [product_category] مع سمة category. يمكنك استخدام الرابط المختصر للفئة، أو الاسم، أو المعرف. المثال التالي يعرض ما يصل إلى 8 منتجات من فئة "clothing" في 4 أعمدة، مرتبة حسب الشعبية:

[product_category category="clothing" limit="8" columns="4" orderby="popularity"]

ينتج عن هذا الرمز القصير شبكة من مربعات المنتجات من الفئة المحددة، يظهر في كل منها صورة المنتج، واسمه، وسعره، وزر "أضف إلى السلة (add-to-cart)".

عرض الفئات الرئيسية فقط (Show top-level categories only)

لعرض الفئات الرئيسية فقط في الصفحة واستبعاد الفئات الفرعية، استخدم الرمز القصير التالي. ضبط parent على 0 يقتصر الإخراج على الفئات التي ليس لها أب، وضبط number على 0 يزيل أي حد لعدد الفئات المعروضة.

[product_categories number="0" parent="0"]

ينتج عن الرمز القصير أعلاه شبكة من مربعات فئات المنتجات الرئيسية، يظهر في كل منها صورة الفئة، واسمها، وعدد المنتجات.

Grid of top-level product categories displayed on a storefront page using the product_categories shortcode

الأسئلة والدعم (Questions and support)

هل لا تزال لديك أسئلة وتحتاج إلى مساعدة؟

هذه الوثائق تتعلق بإضافة ووكومرس الأساسية المجانية core WooCommerce plugin، ويُقدم لها الدعم في منتديات المجتمع على WordPress.org. بالبحث في هذه المنتديات، ستجد غالباً أن سؤالك قد سُئل وجُوب عليه مسبقاً.

إذا لم تقم بإنشاء حساب على WordPress.org لاستخدام المنتديات، إليك الطريقة.

هل كانت المقالة مفيدة ؟ 0 أعضاء وجدوا هذه المقالة مفيدة (0 التصويتات)