تخصيص نص رأس سلة WooCommerce حسب عناصر السلة

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

تخصيص نص عنوان سلة التسوق في WooCommerce

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

الحالة صفر: السلة فارغة

عند عدم وجود أي عنصر في السلة، ينبغي أن يظهر نص يُشير بوضوح إلى أن السلة فارغة. يمكن أن يكون هذا النص مثل: "لا توجد عناصر في السلة."

الحالة واحدة: عنصر واحد في السلة

عندما يحتوي المستخدم على عنصر واحد فقط في السلة، يُفضل توفر نص يُظهر أن العنصر هو بالفعل عنصر واحد، مثل: "لديك عنصر واحد في السلة."

الحالة اثنين: عنصران في السلة

إذا كانت السلة تحتوي على عنصرين، يمكن استخدام نص يعبر عن ذلك، مثل: "لديك عنصران في السلة." هذا يساعد في توجيه المستخدمين بوضوح.

الحالة من ثلاثة إلى عشرة عناصر في السلة

في حالة وجود ثلاثة عناصر أو أكثر، يجب أن يظهر نص يوحي بوجود العديد من العناصر. على سبيل المثال: "لديك عدة عناصر في السلة."

كيفية تطبيق ذلك باستخدام الكود البرمجي

يمكنك استخدام الفلاتر gettext و ngettext لتخصيص النصوص المختلفة بناءً على عدد العناصر في السلة. إليك نموذج للكود الذي يُمكنك استخدامه لتحقيق ذلك:

add_filter('gettext', 'translate_reply');
add_filter('ngettext', 'translate_reply');
function translate_reply($translated) {
    $cart_count = WC()->cart->get_cart_contents_count();
    if ($cart_count == 0) {
        $translated = str_ireplace('artikkel', 'لا توجد عناصر في السلة.', $translated);
    } elseif ($cart_count == 1) {
        $translated = str_ireplace('artikkel', 'لديك عنصر واحد في السلة.', $translated);
    } elseif ($cart_count == 2) {
        $translated = str_ireplace('artiklit', 'لديك عنصران في السلة.', $translated);
    } else {
        $translated = str_ireplace('artiklit', 'لديك العديد من العناصر في السلة.', $translated);
    }
    return $translated;
}

هذا الكود يسمح لك بتحقيق التحكم الكامل في النص الذي يظهر في رأس سلة التسوق كما يتناسب مع كمية العناصر المختلفة.

ختامًا

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