WooCommerce: عرض الأسعار كـ “Was $$$ – Now $$$ – Save $$$”

يستخدم العديد من تجار التجزئة استراتيجية تحديد الأسعار هذه بنجاح كبير. ويمكن أن يؤدي عرض مقدار المدخرات إلى زيادة معدل تحويل متجر التجارة الإلكترونية الخاص بك أيضًا 🙂

لذا ، فإن تحويل التسعير الافتراضي البسيط للمنتج من “30 دولارًا20 دولارًا أمريكيًا إلى ” كان 30 دولارًا أمريكيًا – الآن 20 دولارًا أمريكيًا – وفر 10 دولارات أمريكية ” أمر سهل للغاية. باستخدام القليل من CSS ، يمكنك أيضًا تصميم الشاشة وتخصيصها وفقًا لإرشادات علامتك التجارية!

WooCommerce: تغيير عرض تسعير منتج واحد

الجزء 1 – مقتطف PHP: اعرض الأسعار على شكل “كان ، الآن ، وفر” للمنتجات البسيطة المعروضة للبيع

/**
 * @snippet       WAS NOW SAVE Price Format
 * @how-to        Get CustomizeWoo.com FREE
 * @sourcecode    https://businessbloomer.com/?p=73551
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 3.5.1
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_filter( 'woocommerce_get_price_html', 'bbloomer_simple_product_price_format', 10, 2 );
 
function bbloomer_simple_product_price_format( $price, $product ) {
    
   if ( $product->is_on_sale() && $product->is_type('simple') ) {
      $price = sprintf( __( '<div class="was-now-save"><div class="was">WAS %1$s</div><div class="now">NOW %2$s</div><div class="save">SAVE %3$s</div></div>', 'woocommerce' ), wc_price ( $product->get_regular_price() ), wc_price( $product->get_sale_price() ), wc_price( $product->get_regular_price() - $product->get_sale_price() )  );      
   }
    
   return $price;
}

الجزء 2 – مقتطف CSS: اعرض الأسعار على أنها “كان ، الآن ، وفر” للمنتجات البسيطة المعروضة للبيع

.was, .now, .save {
width: 50%;
padding: 0.5em 1em;
text-align: center;
}
 
.was {
background: #636363;
color: white;
}
 
.now {
background: #acacac;
color: black;
}
 
.save {
background: #eee;
color: red;
font-size: 120%;
}

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

WooCommerce: Display٪ Discount @ Shop & Loop Pages

WooCommerce: تعيين / تجاوز سعر المنتج برمجيًا

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

WooCommerce: أضف بادئة / لاحقة إلى أسعار المنتج

WooCommerce: عرض إجمالي الخصم / التوفير في سلة التسوق والدفع

منطق WooCommerce الشرطي – العلامات والأمثلة و PHP

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