WooCommerce: إخفاء التصنيف والعلامة @ صفحة منتج واحد

يُطلق على SKU وقائمة الفئات وقائمة العلامات في صفحة منتج واحد لـ WooCommerce “تعريف المنتج”. لقد رأينا بالفعل كيفية إخفاء رمز التخزين التعريفي فقط (أثناء ترك القطط والعلامات هناك) ، لذلك في هذه “الحلقة” سوف ندرس كيفية القيام بالعكس ، أي الاحتفاظ برمز التخزين التعريفي هناك أثناء إخفاء القطط و / أو العلامات.

إذا كنت مطورًا ، فقد تعتقد أن هناك “عامل تصفية” WooCommerce محدد لهذا الغرض ، ولكن ليس هناك. لذلك ، يتعين علينا أولاً إزالة كتلة “تعريف المنتج” بالكامل ثم إعادة إضافة المعلومات التي نريدها (فقط القطط ، على سبيل المثال). إذا لم تكن مطورًا – فلا داعي للقلق – فقط انسخ والصق أحد المقتطفات أدناه في ملف functions.php وسيحدث السحر. يتمتع!

نحن نبحث في قسم “تعريف المنتج” في صفحة منتج واحد. هدفنا هو إخفاء الفئات والعلامات وترك SKU حيث هو الآن.

PHP Snippet 1: إخفاء “SKU” و “الفئة: __” و “العلامة: __” @ WooCommerce Single Product Page

في الأساس ، هنا نذهب ونزيل كتلة “تعريف المنتج” بالكامل . ولحسن الحظ ، إنه سطر واحد فقط من التعليمات البرمجية.

إذا كنت ترغب في إعادة إضافة رمز التخزين التعريفي فقط ، أو القطط فقط أو العلامات فقط ، فاستخدم المقتطف 2 أو 3 أو 4 مع هذا .

/**
 * @snippet       Hide SKU, Cats, Tags @ Single Product Page - WooCommerce
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WC 3.8
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
   
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );

مقتطف PHP 2: عرض “SKU” مرة أخرى @ صفحة منتج واحد WooCommerce

هذا يعادل قول “إخفاء الفئات والعلامات” من التعريف المنتج. بعد إزالة الكتلة الوصفية للمنتج بالكامل ، نقرأ SKU.

/**
 * @snippet       Show SKU Again @ Single Product Page - WooCommerce
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WC 3.8
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_single_product_summary', 'bbloomer_show_sku_again_single_product', 40 );
 
function bbloomer_show_sku_again_single_product() {
   global $product;
   ?>
   <div class="product_meta">
   <?php if ( wc_product_sku_enabled() && ( $product->get_sku() || $product->is_type( 'variable' ) ) ) : ?>
      <span class="sku_wrapper"><?php esc_html_e( 'SKU:', 'woocommerce' ); ?> <span class="sku"><?php echo ( $sku = $product->get_sku() ) ? $sku : esc_html__( 'N/A', 'woocommerce' ); ?></span></span>
   <?php endif; ?>
   </div>
   <?php
}

مقتطف PHP 3: عرض “الفئات:” مرة أخرى @ صفحة منتج واحد في WooCommerce

/**
 * @snippet       Show Categories Again @ Single Product Page - WooCommerce
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WC 3.8
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_single_product_summary', 'bbloomer_show_cats_again_single_product', 40 );
 
function bbloomer_show_cats_again_single_product() {
   global $product;
   ?>
   <div class="product_meta">
   <?php echo wc_get_product_category_list( $product->get_id(), ', ', '<span class="posted_in">' . _n( 'Category:', 'Categories:', count( $product->get_category_ids() ), 'woocommerce' ) . ' ', '</span>' ); ?> 
   </div>
   <?php
}

مقتطف PHP 4: عرض “العلامات:” مرة أخرى @ صفحة منتج واحد WooCommerce

/**
 * @snippet       Show Tags Again @ Single Product Page - WooCommerce
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WC 3.8
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_single_product_summary', 'bbloomer_show_tags_again_single_product', 40 );
 
function bbloomer_show_tags_again_single_product() {
   global $product;
   ?>
   <div class="product_meta">
   <?php echo wc_get_product_tag_list( $product->get_id(), ', ', '<span class="tagged_as">' . _n( 'Tag:', 'Tags:', count( $product->get_tag_ids() ), 'woocommerce' ) . ' ', '</span>' ); ?> 
   </div>
   <?php
}

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

WooCommerce: إخفاء SKU @ صفحة منتج واحد

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

WooCommerce: عرض معرض المنتجات عموديًا (صفحة منتج واحدة)

WooCommerce: نموذج الاستفسار عن المنتج @ صفحة منتج واحد (CF7)

WooCommerce: أضف رمزًا إلى أزرار إضافة إلى عربة التسوق

WooCommerce: أعد تسمية زر “إضافة إلى عربة التسوق” إذا كان المنتج بالفعل @ سلة التسوق

WooCommerce: إظهار الوصف المختصر المخصص عند إفراغه

WooCommerce: إعادة تسمية وصف المنتج Tab Label @ Single Product Page

WooCommerce: إعادة توجيه صفحة منتج واحد للعملاء المسجلين

WooCommerce: عرض SKU @ Cart ، الخروج ، الطلب ورسائل البريد الإلكتروني

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

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

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

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

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

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

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