WooCommerce: اعرض الحقل المخصص للمنتج في صفحات الفئات

طلب مني أحد العملاء إظهار حقل مخصص معين في الحلقة (على سبيل المثال ، صفحة المتجر ، صفحات الفئة ، صفحات العلامات = في أي مكان يتم إرجاع منتجات woocommerce). ومن المثير للاهتمام ، أنها لم ترغب في عرض الوصف المختصر للمنتج (راجع مقتطف ” إظهار الوصف المختصر للمنتج على الصفحة الرئيسية فقط “) ولكن في حقل مخصص ، لذا إليك كيفية القيام بذلك!

1. أضف حقلاً مخصصًا لكل منتج على حدة

انتقل إلى صفحة المنتج الفردي ، وقم بالتمرير لأسفل إلى مربع الحقول المخصصة ، ثم قم بإضافة واحدة جديدة يدويًا. أطلق عليها اسم ” loopdesc ” وأضف النص الذي تريد عرضه في صفحات فئة المنتج.

منتج WooCommerce يضيف حقلاً مخصصًا جديدًا

منتج WooCommerce يضيف حقلاً مخصصًا جديدًا

2. أضف PHP إلى function.php لإظهار Custom Field @ Loop

/**
 * @snippet       WooCommerce Show Product Custom Field in the Category Pages
 * @how-to        Get CustomizeWoo.com FREE
 * @sourcecode    https://businessbloomer.com/?p=17451
 * @author        Rodolfo Melogli
 * @compatible    WC 3.5.4
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_after_shop_loop_item_title', 'bbloomer_woocommerce_product_excerpt', 35 );  
 
function bbloomer_woocommerce_product_excerpt() {
global $post;
if ( is_home() || is_shop() || is_product_category() || is_product_tag() ) {
   echo '<span class="excerpt">';
   echo get_post_meta( $post->ID, 'loopdesc', true );
   echo '</span>';
}
}

ها هي النتيجة النهائية:

عرض WooCommerce حقل مخصص في الحلقة

عرض WooCommerce حقل مخصص في الحلقة

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

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

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

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

WooCommerce: أضف إلى رابط عربة التسوق لفتحه في علامة تبويب متصفح جديدة

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

WooCommerce: اعرض “مباع بالكامل” @ Shop Page

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

WooCommerce: جدول المنتجات الإضافية Column @ Admin

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 في حالة حدوث خطأ!