السلام عليكم ورحمةالله وبركاته كيف حالكم اعمل على انشاء موقع الكتروني الان
سؤالي هو
كيفية تغيير رقم الكمية للووردبريس للانجليزي مرفق صورة لم اعرف الصراحة الوصول للكود لتغير العرض
تستطيع استخدام مزيج ما بين CSS وجافاسكريبت.
الخطوة الأولى: إضافة فئة CSS إلى العناصر التي تريد تحويل الأرقام فيها إلى الإنجليزية.
.arabic-numbers {
direction: rtl;
unicode-bidi: bidi-override;
}
وليكن مثلاً عنصر كالتالي في الصفحة:
<div class="arabic-numbers"> <h1>السعر: ١٠٠ جنيه مصري</h1> </div>
الخطوة الثانية: إضافة JavaScript إلى الموقع لتحويل الأرقام.
حيث سيؤدي الكود إلى تحويل جميع الأرقام في العناصر التي تحتوي على الفئة arabic-numbers إلى الإنجليزية.
const arabicNumbersElements = document.querySelectorAll('.arabic-numbers');
for (const element of arabicNumbersElements) {
const text = element.textContent;
const englishNumbers = text.replace(/\d+/g, (arabicNumber) => {
return arabicToEnglishDigits(arabicNumber);
});
element.textContent = englishNumbers;
}
function arabicToEnglishDigits(arabicNumber) {
const englishDigits = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
const arabicDigits = ['٠', '١', '٢', '٣', '٤', '٥', '٦', '٧', '٨', '٩'];
for (let i = 0; i < arabicDigits.length; i++) {
arabicNumber = arabicNumber.replace(new RegExp(arabicDigits[i], 'g'), englishDigits[i]);
}
return arabicNumber;
}
التعليقات