تم تحسين هذا الموقع ليتم عرضه من متصفح حديث يتم فيه تمكين JavaScript.

كيف تقوم بالتعديل على أزرار وصفحات متجر ووكومرس بدون إضافات؟

عبد الفتاح الطيب

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

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

أنصحك قبل التعديل على أي كود برمجي داخل موقعك بضرورة أخذ [سجل الدخول لترى الرابط] للموقع بالكامل.

استخدام الأكواد البرمجية للتعديل على المتجر الإلكتروني

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

لكن باستخدام الكود البرمجي الذي يتم إضافته داخل ملف Functions.php يمكنك تطبيق أي تعديل تريده بسهولة.

أولا سأقوم بتنصيب [سجل الدخول لترى الرابط] التي تساعدنا على إضافة الأكواد البرمجية داخل ملف Functions.php بون التعديل على القالب الفعّال على الموقع، وكذلك عند تغيير القالب لن يتم حذف الأكواد إذا قمنا بإضافتها باستخدام هذه الطريقة.

بعد تنصيب وتفعيل الإضافة، نتوجه إلى تبويب الإعدادات الخاص بها، ثم نقوم بالنقر على تبويب إضافة كود جديد Add new، وفيه الصفحة التي تفتح لنا سنقوم بكتابة عنوان للكود (يظهر في لوحة التحكم فقط)، ثم نضيف الكود المراد إدراجه داخل ملف Functions.php ثم ننقر على زر الحفظ، والصورة التالية توضّح مثالاً كود برمجي يسمح لنا بإضافة نص بعد زر أضف إلى السلة، ويمكنك تغيير النص إلى النص الذي ترغب به:

وإليك الكود مكتوباً:

تسجيل الدخول لعرض الكود

الأن، توجه إلى أحد المنتجات لتجد النص الذي أضفته يظهر الأن اسفل زر أضف إلى السلة:

مثال آخر على تغيير النص الإفتراضي لزر (أضف إلى السلة)، حيث يمكنك استخدام الكود التالي لكتابة النص البديل الذي ترغب في إظهارها على الزر بدلاً من النص الافتراضي:

تسجيل الدخول لعرض الكود

يمكنك استبدال النص (أسرع بالشراء قبل نفاذ الكميّة) إلى النص الذي ترغب في إظهاره:

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

تسجيل الدخول لعرض الكود

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

تسجيل الدخول لعرض الكود

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

add_filter( 'woocommerce_countriتسجيل الدخول لعرض الكود

تسجيل الدخول لعرض الكود

لاحظ الأن تغيير اسم الدولة كما تم كتابته داخل الكود تماما:

هل لديك فكرة أخر ى ترغب في تطبيقها أو تعديلها داخل متجرك باستخدام الكود البرمجي وبدون استخدام إضافات؟ وهل لديك أفكار تضيفها إلى التي أشرت اليه؟!