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

في الغالب عند العمل مع المنتجات الخارجية في WooCommerce ، قد لا ترغب فقط في إعادة تسمية “Add to Cart” إلى شيء آخر … ولكن أيضًا فتح الرابط في علامة تبويب جديدة. إليك كيف فعلت ذلك!

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

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

/**
 * @snippet       Add to Cart to Open in a new Tab - WooCommerce Shop
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 3.5.7
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_filter( 'woocommerce_loop_add_to_cart_link', 'bbloomer_loop_add_cart_open_new_tab', 9999, 3 );
 
function bbloomer_loop_add_cart_open_new_tab( $html, $product, $args ) {
   return sprintf( '<a href="%s" data-quantity="%s" class="%s" %s target="_blank">%s</a>',
      esc_url( $product->add_to_cart_url() ),
      esc_attr( isset( $args['quantity'] ) ? $args['quantity'] : 1 ),
      esc_attr( isset( $args['class'] ) ? $args['class'] : 'button' ),
      isset( $args['attributes'] ) ? wc_implode_html_attributes( $args['attributes'] ) : '',
      esc_html( $product->add_to_cart_text() )
   );
}

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

WooCommerce: إخفاء السعر وإضافته إلى عربة التسوق للمستخدمين الذين قاموا بتسجيل الخروج

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

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

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

WooCommerce: إزالة / تحرير رسالة “تمت الإضافة إلى عربة التسوق”

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

WooCommerce: أعد التوجيه إلى Checkout على Add to Cart

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

WooCommerce: تحرير عنوان URL لصورة المنتج الخارجية

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