تنسيق كسور السعر وإخفاء القيم .00

2 دقائق

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

جدول المحتوى

تنسيق أرقام الأسعار في WooCommerce

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

كيفية تطبيق الفلاتر لتنسيق الأسعار

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

add_filter( 'formatted_woocommerce_price', 'dcwd_superscript_wc_formatted_price', 10, 5 );
function dcwd_superscript_wc_formatted_price( $formatted_price, $price, $decimal_places, $decimal_separator, $thousand_separator ) {
    if ( is_admin() ) {
        return $formatted_price;
    }
    $unit = number_format( intval( $price ), 0, $decimal_separator, $thousand_separator );
    $decimal = "";
    $num_decimals = wc_get_price_decimals();
    if ( $num_decimals ) {
        $decimal = sprintf( '%0'.$num_decimals.'d', round( ( $price - intval( $price ) ) * 100 ) );
    }
    return $unit . '' . $decimal_separator . $decimal . '';
}

يهدف هذا الفلتر إلى الحفاظ على وحدة السعر كاملةً مع تنسيق الفواصل العشرية بشكل فائق. لكن، هناك جانب آخر لا بد من أخذه في الاعتبار، وهو إخفاء الفواصل العشرية في حال كانت قيمتها .00.

إزالة الأجزاء العشرية الزائدة

لتجنب عرض الأسعار بصيغة غير جذابة مثل 4.00 يورو، يمكن استخدام فلتر آخر لهذا الغرض. الكود التالي يقوم بإزالة الأجزاء العشرية في حال كانت تساوي .00:

add_filter( 'formatted_woocommerce_price', 'dcwd_remove_zero_decimals', 10, 5 );
function dcwd_remove_zero_decimals( $formatted_price, $price, $decimal_places, $decimal_separator, $thousand_separator ) {
    if ( $price - intval( $price ) == 0 ) {
        return number_format( intval( $price ), 0, $decimal_separator, $thousand_separator );
    } else {
        return $formatted_price;
    }
}

بهذا الكود، عند تحديد الأسعار، لن تظهر الأجزاء العشرية في حال كانت قيمتها تساوي .00، مما يساعد على تقديم شكلاً أكثر نظافة واحترافية لمتجر WooCommerce.

التحديات والمعوقات

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

الخلاصة

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

في النهاية، يبقى مفتاح النجاح هو التأكد من جودة الكود الذي تعتمد عليه وتحديثه بشكل دوري لضمان عمل متجرك بسلاسة وفعالية.