إخفاء خصائص منتجات WooCommerce ذات القيم الفارغة باستخدام شورت كود

إذا كنت تدير متجرًا إلكترونيًا باستخدام WooCommerce، فمن المحتمل أنك قد واجهت أحيانًا مشكلات تتعلق بعرض خصائص المنتجات. في حال كانت لديك منتجات تحتوي على خصائص فارغة، قد يؤثر ذلك سلبًا على تجربة المستخدم. سنستعرض في هذا المقال طريقة لإخفاء خصائص المنتجات الفارغة باستخدام شفرة قصيرة (shortcode) مخصصة.

لماذا يجب عليك إخفاء الخصائص الفارغة؟

إن إخفاء الخصائص الفارغة يعزز من وضوح المعلومات المقدمة للعميل ويساعد في تحسين تجربة التسوق. فعندما يتصفح المستخدمون عطاءات المنتجات، يفضلون رؤية معلومات دقيقة وكاملة دون أي فوضى أو تكرار معلومات لا معنى لها.

كيفية إخفاء خصائص WooCommerce الفارغة باستخدام شفرة قصيرة

يمكننا البدء بكتابة شفرة قصيرة تظهر خصائص معينة لمنتج معين، ولكن يجب أن نضمن أن الخصائص الفارغة لا تظهر في النتائج النهائية. إليك نموذج على كيفية تنفيذ ذلك:

// عرض الخصائص المتعلقة بالوزن والأبعاد
function get_product_attributes_weight_shortcode( $atts ) {
    extract( shortcode_atts( array(
        'id'    => get_the_ID(),
    ), $atts, 'display-attributes-weight' ) );
    global $product;
    if ( ! is_a($product, 'WC_Product') ) {
        $product = wc_get_product( $id );
    }
    if ( is_a($product, 'WC_Product') ) {
        $gewicht = $product->get_attribute( 'Gewicht (gram)' );
        $hoogte = $product->get_attribute( 'Hoogte (mm)');
        $lengte = $product->get_attribute( 'Lengte (mm)');
        $breedte = $product->get_attribute( 'Breedte (mm)');
        // البدء بتجميع النتائج
        $output = '';
        // إضافة الوزن فقط إذا كان لديه قيمة
        if ( !empty($gewicht) ) {
            $output .= '<div>وزن (جرام): ' . esc_html($gewicht) . '</div>';
        }
        // إضافة الارتفاع فقط إذا كان لديه قيمة
        if ( !empty($hoogte) ) {
            $output .= '<div>ارتفاع (ملم): ' . esc_html($hoogte) . '</div>';
        }
        // إضافة الطول فقط إذا كان لديه قيمة
        if ( !empty($lengte) ) {
            $output .= '<div>طول (ملم): ' . esc_html($lengte) . '</div>';
        }
        // إضافة العرض فقط إذا كان لديه قيمة
        if ( !empty($breedte) ) {
            $output .= '<div>عرض (ملم): ' . esc_html($breedte) . '</div>';
        }
        return $output;
    }
}
add_shortcode( 'display-attributes-weight', 'get_product_attributes_weight_shortcode' );

كما هو موضح في الشفرة أعلاه، نقوم بالتحقق من القيم المخصصة للخصائص قبل عرضها. يمكن استخدام دالة !empty() للتحقق إذا كانت القيمة غير فارغة. إذا كانت القيمة فارغة، فلن يتم إضافة ذلك السطر في النتيجة النهائية.

كيف يمكن تحسين الأداء؟

إضافة السطور بشكل متسلسل بعد إجراء اختبارات على القيم تضمن عدم عرض الخصائص الفارغة، مما يساعد في تحسين تجربة المستخدم. هذا النوع من الشفرات يمكن استخدامه في أي موقع ويب يدير متاجر إلكترونية، وهو مثال جيد على كيفية تحسين عرض المنتجات بشكل فعال.

الخلاصة

إخفاء خصائص WooCommerce الفارغة يعتبر خطوة هامة في تحسين تجربة المستخدم. باستخدام شفرة قصيرة، يمكن لأي شخص يعالج خصائص المنتجات التحكم في المعلومات المعروضة بشكل أكثر فعالية. بتطبيق الخطوات المذكورة أعلاه، ستحصل على واجهة مستخدم أنظف وأكثر احترافية، مما يعزز من جاذبية متجرك الإلكتروني.

بهذا نكون قد استعرضنا كيفية إخفاء الخصائص الفارغة في WooCommerce باستخدام شفرة قصيرة، وأسفنا لتحسين جودة المحتوى الخاص بك. إذا كانت لديك أي استفسارات أو تحتاج لمزيد من المساعدة، فلا تتردد في طرح الأسئلة!