هل تريد متجراً إلكترونياً يعكس هوية علامتك التجارية بالكامل؟ 

أحياناً، الخيارات الافتراضية لا تكفي لتحقيق التميز، وهنا يأتي دور الأكواد! باستخدام CSS وJS، يمكنك تخصيص تصميم متجرك وإضافة ميزات احترافية تعزز تجربة العملاء. في هذه المقالة، ستتعلم كيف تستفيد من هذه الأدوات لجعل متجرك أكثر جاذبية واحترافية. 

📌 المحاور الرئيسية للمقالة:

- متطلبات تغيير تصميم متجري باستخدام الكود

- خطوات تخصيص الثيم باستخدام الأكواد

تخصيص تصميم الثيم باستخدام الكود : 

يُستخدام محرر التنسيقات CSS أو JS لتغيير مظهر وتنسيقات المتجر الإفتراضية بما يتناسب مع هوية المتجر.

🚀 متطلبات تغيير تصميم متجري باستخدام الكود

- باقة المتجر برو أو سبيشل.

- وجود دومين/نطاق خاص بالمتجر, لمزيد من التفاصيل حول حجز دومين خاص

- صلاحية الدخول لتصميم المتجر (خاص بموظفي المتجر).

🚀 خطوات تخصيص الثيم باستخدام الأكواد:

1. من القائمة الرئيسية اضغط (قنوات البيع)، ثم اختر (المتجر).

2. اختر تبويب (تصميم المتجر).

3. في صفحة تصميم المتجر، من قائمة التحكم بالثيم المطلوب، اضغط (تخصيص النسخة).

4. من صفحة تخصيص النسخة، اضغط تبويب (تخصيص الثيم)

يمكنك تخصيص تصميم الثيم باستخدام طريقتين، هما:

الطريقة الأولى: تخصيص الثيم عن طريق الـ CSS

CSS: هي لغة تصميم لواجهات الويب، وتتعامل CSS مع شكل المتجر ومظهره.

تُستخدم للتحكم في:

- لون النص، ونمط الخط، والتباعد بين الفقرات.

- صورة الخلفية وألوانها.

- أشكال العرض لمختلف الأجهزة وأحجام الشاشة.

- أماكن العناصر  وأحجامها وتحريكها.

- تغيير التنسيق والحواف.

بالإضافة لمجموعة كبيرة من التأثيرات الأخرى.

عندما تفكر في شكل ومظهر الموقع عليك التفكير بـ CSS.

الطريقة الثانية: تخصيص الثيم عن طريق JS

JavaScript (JS): هي لغة برمجة تستخدم لتحسين وظائف المتاجر. وتسمح بإضافة ميزات جديدة إلى المتجر.

 تُستخدم لوظائف:

- إضافة وظائف جديدة للمتجر.

- إضافة نافذة منبثقة|بوب أب.

- إضافة عناصر جديدة كالأزرار والنصوص الثابتة في صفحات المتجر.

- إضافة تنقل منطقي معين في صفحات محددة.

- إضافة آراء العملاء في تصنيفات معينة  استخدام twilight sdk .

- دمج مراجعات العملاء في فئات محددة، مما يعزز تفاعل المستخدم وتجربته.

بالإضافة لمجموعة كبيرة من الوظائف الأخرى.

🚀 خدمات مساندة

في حال احتجت مساعدة في تصميم متجرك باستخدام CSS و JS يمكنك الاستفادة من ميزة خدمات التاجر، والتي توفر خدمات نوعية لتصميم متجرك باستخدام CSS من مزودي خدمات خارجيين لإنجاز أعمال تخص نشاطك التجاري باحترافية.