WooCommerce: المنتجات ذات الصلة في علامة تبويب في صفحة المنتج

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

علامة تبويب المنتجات ذات الصلة بـ WooCommerce

علامة تبويب المنتجات ذات الصلة بـ WooCommerce

مقتطف PHP: نقل المنتجات ذات الصلة إلى علامة تبويب – WooCommerce

/**
 * @snippet       Checkbox to display Custom Product Badge Part 1 - WooCommerce
 * @how-to        Get CustomizeWoo.com FREE
 * @source        https://businessbloomer.com/?p=17419
 * @author        Rodolfo Melogli
 * @compatible    Woo 3.5.3
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
// First, let's remove related products from their original position
 
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);
 
// Second, let's add a new tab
 
add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
 
function woo_new_product_tab( $tabs ) {
    
$tabs['related_products'] = array(
   'title'    => __( 'Try it with', 'woocommerce' ),
   'priority'    => 50,
   'callback'    => 'woo_new_product_tab_content'
);
   return $tabs;
}
 
// Third, let's put the related products inside
 
function woo_new_product_tab_content() {
woocommerce_output_related_products();
}

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

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

WooCommerce: إعادة تسمية “الوصف” العنوان @ علامات تبويب صفحة منتج واحد

WooCommerce: كيفية إزالة المنتجات ذات الصلة

WooCommerce: إزالة عنوان “الوصف” @ علامات تبويب منتج واحد

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

WooCommerce: خانة اختيار لتعطيل المنتجات ذات الصلة بشكل مشروط

WooCommerce: قم بالتمرير إلى علامة تبويب المنتج @ صفحة منتج واحد

WooCommerce: منتجات مخصصة ذات صلة

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