WooCommerce: إزالة إضافة عربة التسوق ، إضافة عرض صفحة المنتج @ المتجر

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

WooCommerce: قم بإزالة إضافة إلى عربة التسوق وإضافة زر عرض المنتج بدلاً من ذلك

WooCommerce: قم بإزالة إضافة إلى عربة التسوق وإضافة زر عرض المنتج بدلاً من ذلك

مقتطف PHP: إزالة الإضافة إلى عربة التسوق ، إضافة زر عرض المنتج @ WooCommerce Loop

/**
 * @snippet       Remove Add Cart, Add View Product @ WooCommerce Loop
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 3.6.2
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
  
// First, remove Add to Cart Button
  
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
  
// Second, add View Product Button
  
add_action( 'woocommerce_after_shop_loop_item', 'bbloomer_view_product_button', 10 );
  
function bbloomer_view_product_button() {
global $product;
$link = $product->get_permalink();
echo '<a href="' . $link . '" class="button addtocartbutton">View Product</a>';
}

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

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

WooCommerce: إزالة أو إعادة تسمية SALE! شارة

WooCommerce: تحقق مما إذا كان المستخدم قد اشترى المنتج

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

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

WooCommerce: عرض حالة المخزون / الكمية في صفحة المتجر

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

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