هل تريد متجراً إلكترونياً يعكس هوية علامتك التجارية بالكامل؟
أحياناً، الخيارات الافتراضية لا تكفي لتحقيق التميز، وهنا يأتي دور الأكواد! باستخدام CSS وJS، يمكنك تخصيص تصميم متجرك وإضافة ميزات احترافية تعزز تجربة العملاء. في هذه المقالة، ستتعلم كيف تستفيد من هذه الأدوات لجعل متجرك أكثر جاذبية واحترافية.
📌 المحاور الرئيسية للمقالة:
- متطلبات تغيير تصميم متجري باستخدام الكود
- خطوات تخصيص الثيم باستخدام الأكواد
تخصيص تصميم الثيم باستخدام الكود :
يُستخدام محرر التنسيقات CSS أو JS لتغيير مظهر وتنسيقات المتجر الإفتراضية بما يتناسب مع هوية المتجر.
🚀 متطلبات تغيير تصميم متجري باستخدام الكود
- باقة المتجر برو أو سبيشل.
- وجود دومين/نطاق خاص بالمتجر, لمزيد من التفاصيل حول حجز دومين خاص
- صلاحية الدخول لتصميم المتجر (خاص بموظفي المتجر).
🚀 خطوات تخصيص الثيم باستخدام الأكواد:
1. من القائمة الرئيسية اضغط (المتجر وقنوات البيع)، ثم اضغط (تصميم المتجر).
2. لتخصيص مظهر وتصميم نسخة الثيم، من صفحة تصميم المتجر، اضغط (تخصيص النسخة).
3. من صفحة تخصيص النسخة، اضغط تبويب (تخصيص متقدم)
يمكنك تخصيص تصميم الثيم باستخدام طريقتين، هما:
الطريقة الأولى: تخصيص الثيم عن طريق الـ CSS
CSS: هي لغة تصميم لواجهات الويب، وتتعامل CSS مع شكل المتجر ومظهره.
تُستخدم للتحكم في:
- لون النص، ونمط الخط، والتباعد بين الفقرات.
- صورة الخلفية وألوانها.
- أشكال العرض لمختلف الأجهزة وأحجام الشاشة.
- أماكن العناصر وأحجامها وتحريكها.
- تغيير التنسيق والحواف.
بالإضافة لمجموعة كبيرة من التأثيرات الأخرى.
عندما تفكر في شكل ومظهر الموقع عليك التفكير بـ CSS.
الطريقة الثانية: تخصيص الثيم عن طريق JS
JavaScript (JS): هي لغة برمجة تستخدم لتحسين وظائف المتاجر. وتسمح بإضافة ميزات جديدة إلى المتجر.
تُستخدم لوظائف:
- إضافة وظائف جديدة للمتجر.
- إضافة نافذة منبثقة|بوب أب.
- إضافة عناصر جديدة كالأزرار والنصوص الثابتة في صفحات المتجر.
- إضافة تنقل منطقي معين في صفحات محددة.
- إضافة آراء العملاء في تصنيفات معينة استخدام twilight sdk .
- دمج مراجعات العملاء في فئات محددة، مما يعزز تفاعل المستخدم وتجربته.
بالإضافة لمجموعة كبيرة من الوظائف الأخرى.
💡 ملاحظة مهمة:
يدعم محرّر الأكواد اقتراحات ذكية أثناء الكتابة، حيث تظهر قائمة اقتراحات تلقائية تساعدك على اختيار العناصر والأوامر المناسبة سواء كنت تكتب CSS أو JS، مما يجعل عملية التخصيص أسهل وأسرع.
🚀 خدمات مساندة
في حال احتجت مساعدة في تصميم متجرك باستخدام CSS و JS يمكنك الاستفادة من ميزة خدمات التاجر، والتي توفر خدمات نوعية لتصميم متجرك باستخدام CSS من مزودي خدمات خارجيين لإنجاز أعمال تخص نشاطك التجاري باحترافية.
