إذا كنت لا تستخدم المكون الإضافي “Image Lazy Load” ، فقد حان الوقت لتثبيته. وإذا كنت قد اخترت وحدة Lazy Load المجانية من Jetpack ، فمن المحتمل أنك فعلت الشيء الصحيح.
ومع ذلك ، منذ أن قمت بتثبيت Jetpack Lazy Load ، لاحظت “قفزة” صغيرة في قسم عنوان موضوع Storefront الخاص بي ، حيث توجد في الواقع صورة – شعار Business Bloomer الخاص بي. قد ينطبق الأمر نفسه على أي صورة من صور WooCommerce: صورة مصغرة للفئة ، وصورة مميزة لمنتج واحد ، وأيقونة عربة التسوق في العنوان ، وصورة بطل الصفحة الرئيسية ، وما إلى ذلك.
لحسن الحظ ، لدى Jetpack “مرشح” مفيد يمكنك النقر عليه لاستبعاد فئات الصور من التحميل البطيء (نعم ، اكتشفت ذلك اليوم ، ليس الأمر أنني أعرف كل شيء!). إذن ، هذا هو الإصلاح. استمتع 🙂
Jetpack: استبعاد صورة من وظيفة “Lazy Load”
/**
* @snippet Avoid Lazy Loading an Image - Jetpack
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @compatible WooCommerce 5
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
add_filter( 'jetpack_lazy_images_blacklisted_classes', 'bbloomer_exclude_custom_logo_class_from_lazy_load', 9999 );
function bbloomer_exclude_custom_logo_class_from_lazy_load( $classes ) {
$classes[] = 'custom-logo';
return $classes;
}WooCommerce: نقل المشاركة الاجتماعية في صفحة منتج واحد
موضوع واجهة المتجر: كيفية تخصيص تخطيط الصفحة الرئيسية
مظهر واجهة المتجر: كيفية إضافة منزلق بعرض كامل
موضوع واجهة المتجر: كيفية تثبيته وتكوينه
موضوع واجهة المتجر: كيفية إزالة فتات الخبز
WooCommerce + Storefront: إخفاء عنوان “الصفحة الرئيسية” @ الصفحة الرئيسية
WooCommerce: إزالة Jetpack Ads @ WP Dashboard
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 في حالة حدوث خطأ!
