لدينا بالفعل شارة “بيع” لطيفة بشكل افتراضي مع WooCommerce (بالإضافة إلى “نفاد المخزون”). تظهر هذه على صفحة المتجر بمجرد استيفاء شروط معينة.
الآن ، ماذا لو أردنا إظهار شارة “جديد” للمنتجات التي تمت إضافتها في آخر 30 يومًا؟ سيؤدي هذا بالتأكيد إلى جذب انتباه العملاء ، وكذلك إيصال حقيقة أن متجرك يتم تحديثه باستمرار بمنتجات ومحتوى جديد (حسنًا ، جيد لـ Google أيضًا ، أليس كذلك؟).
اذا كيف عملوها؟ (يبدو وكأنه أحد عروض قناة ديسكفري …)
حسنًا ، إليك مقتطف بسيط لك ؛ ما عليك سوى نسخ / لصق في jobs.php وستظهر شارة “NEW” بطريقة سحرية (ملاحظة: لم يتم توفير CSS ، ستحتاج إلى تعديلها بناءً على المظهر الحالي والأنماط المخصصة).
اعرض شارة “جديد” على المنتجات الحديثة
المقتطف سهل للغاية. يحصل على تاريخ “إنشاء” المنتج ، ويقارنه بالوقت الحالي مطروحًا منه “أيام الحداثة” (يمكنك تغيير هذا إلى 60 أو أي عدد من الأيام).
إذا كان تاريخ إنشاء هذا المنتج ضمن النطاق الزمني “هذا المنتج جديد” ، فسيكون “جديد!” ستظهر الشارة ، في الموضع المحدد بواسطة “woocommerce_before_shop_loop_item_title” (مواضع أخرى محتملة هنا ، في دليل الخطاف المرئي ).
/**
* @snippet Add Inline Field Error Notifications @ WooCommerce Checkout
* @how-to Get CustomizeWoo.com FREE
* @sourcecode https://businessbloomer.com/?p=86570
* @author Rodolfo Melogli
* @compatible WooCommerce 3.5.4
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
add_action( 'woocommerce_before_shop_loop_item_title', 'bbloomer_new_badge_shop_page', 3 );
function bbloomer_new_badge_shop_page() {
global $product;
$newness_days = 30;
$created = strtotime( $product->get_date_created() );
if ( ( time() - ( 60 * 60 * 24 * $newness_days ) ) < $created ) {
echo '<span class="itsnew onsale">' . esc_html__( 'New!', 'woocommerce' ) . '</span>';
}
}WooCommerce: أضف نصًا أسفل كل صفحة متجر في كل منتج
WooCommerce: إخفاء الأسعار في صفحات المتجر والفئة
WooCommerce: إخفاء المنتجات من فئة معينة في المتجر
WooCommerce: أضف إلى رابط عربة التسوق لفتحه في علامة تبويب متصفح جديدة
WooCommerce: إخفاء المنتجات في صفحة التسوق
WooCommerce: اعرض “مباع بالكامل” @ Shop Page
WooCommerce: عرض حالة المخزون / الكمية في صفحة المتجر
WooCommerce: عرض YITH أزرار قائمة الرغبات @ Shop Page
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 في حالة حدوث خطأ!
