WooCommerce: عرض الفئة لكل منتج في صفحة التسوق

عميل لي لديه فئة تسمى “العلامة التجارية”. يتم تعيين كل منتج لفئة فرعية محددة للعلامة التجارية مثل Nike و Adidas وما إلى ذلك. كان الهدف من هذه المهمة هو إظهار الفئات الفرعية “للعلامة التجارية” في صفحات المتجر / الفئة / الحلقة كوسيلة لمساعدة المستخدم على تحديد اسم العلامة التجارية.

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

عرض الفئات الفرعية للمنتج WooCommerce

عرض الفئات الفرعية للمنتج WooCommerce

مقتطف PHP 1: إظهار اسم الفئة / s @ WooCommerce Shop Items

/**
 * @snippet       WooCommerce Show Product Categories
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 5.1
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_after_shop_loop_item_title', 'bbloomer_show_all_subcats', 2 );
 
function bbloomer_show_all_subcats() {
   global $product;
   $cats = get_the_terms( $product->get_id(), 'product_cat' );
   if ( empty( $cats ) ) return;
   echo join( ', ', wp_list_pluck( $cats, 'name' ) );
}

مقتطف PHP 2: إظهار اسم الفئة الفرعية / s @ WooCommerce Shop Items

/**
 * @snippet       WooCommerce Show Product Subcategories
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 5.1
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_after_shop_loop_item_title', 'bbloomer_show_all_subcats', 2 );
 
function bbloomer_show_all_subcats() {
   global $product;
   $cats = get_the_terms( $product->get_id(), 'product_cat' );
   if ( empty( $cats ) ) return;
   foreach ( $cats as $term ) {
      // If parent cat ID = 116 echo subcat name...
      if ( $term->parent == 116 ) {
         echo $term->name;
      }
   }
}

المنشورات ذات الصلة:

WooCommerce: تغيير الروابط الثابتة للمنتج في صفحات المتجر / الحلقات

WooCommerce: إخفاء “لم يتم العثور على منتجات مطابقة لاختيارك”

WooCommerce: إزالة عنوان “Shop” @ WooCommerce Shop Page

WooCommerce: إخفاء صور الفئة @ Shop

WooCommerce: أضف نصًا أسفل كل صفحة متجر في كل منتج

WooCommerce: إخفاء الأسعار في صفحات المتجر والفئة

WooCommerce: إخفاء المنتجات من فئة معينة في المتجر

WooCommerce & Avada: المشاركة الاجتماعية @ فئة المنتج

WooCommerce: إخفاء المنتجات في صفحة التسوق

WooCommerce: عرض الأسهم المتباينة في صفحة المتجر

أين تضيف هذا المقتطف؟

يمكنك وضع مقتطفات PHP في الجزء السفلي من ملف function.php القالب الفرعي الخاص بك (احذف “؟>” إذا كان لديك هناك). من ناحية أخرى ، ينتقل CSS في ملف style.css الخاص بسمة الطفل. تأكد من أنك تعرف ما تفعله عند تحرير مثل هذه الملفات – إذا كنت بحاجة إلى مزيد من الإرشادات ، فيرجى إلقاء نظرة على الفيديو التعليمي المجاني الخاص بي “أين تضع تخصيص WooCommerce؟”

هل هذا المقتطف (لا يزال) يعمل؟

يرجى إعلامي في التعليقات إذا كان كل شيء يعمل كما هو متوقع. يسعدني مراجعة المقتطف إذا أبلغت بخلاف ذلك (يرجى تقديم لقطات شاشة). لقد اختبرت هذا الكود مع موضوع Storefront وإصدار WooCommerce المذكور أعلاه واستضافة صديقة لـ وورد بريس على PHP 7.3.

إذا كنت تعتقد أن هذا الرمز وفر لك الوقت والمال ، فلا تتردد في الانضمام إلى أكثر من 14000 مشترك في WooCommerce Weekly للحصول على تحديثات منشورات المدونة أو أكثر من 250 من مؤيدي Business Bloomer لمدة 365 يومًا من مزايا WooCommerce . شكرا لكم مقدما 🙂

هل تحتاج إلى مساعدة في WooCommerce؟

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