إضافة أكواد CSS و JS مخصصة

إذا احتجت تعديلات دقيقة على مظهر متجرك لا توفرها إعدادات الثيم، يمكنك إضافة أكواد CSS و JavaScript مخصصة تُحمَّل على صفحات متجرك. هذه الميزة موجهة لأصحاب الخبرة التقنية أو لمن يعمل معه مطور.

المتطلبات

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

الخطوات

1. من لوحة التحكم افتح صفحة تصميم الموقع.
2. اضغط تبويب تخصيص أكواد ال css /js أعلى الصفحة.
3. في حقل كود ال css أضف أكواد التنسيق المخصصة.
4. في حقل كود ال js أضف أكواد JavaScript المخصصة.
5. اضغط حفظ، ثم افتح متجرك وتحقق من النتيجة.

ملاحظات

• إذا لم تكن الميزة مفعلة على متجرك يظهر تنبيه بذلك في الصفحة ويكون زر الحفظ معطلًا.
• الأكواد الخاطئة قد تكسر تصميم المتجر أو تعطل أزراره؛ جرب على نطاق ضيق واحتفظ بنسخة من الكود قبل أي تعديل.
• لا تلصق أكوادًا من مصادر لا تثق بها؛ أكواد JavaScript تعمل على متصفح كل زائر لمتجرك.
• لإضافة أكواد تتبع جاهزة (Google Analytics و Facebook Pixel وغيرها) استخدم ميزات التكامل المخصصة لها بدلًا من هذه الصفحة (راجع قسم التسويق).

أسئلة شائعة

أضفت كودًا ولا أرى أثره على المتجر، ما السبب؟ تأكد أولًا أن الميزة مفعلة على متجرك وأن زر حفظ لم يكن معطلًا، ثم حدّث صفحة المتجر مع تفريغ ذاكرة المتصفح المؤقتة.

كسر الكود تصميم متجري، ماذا أفعل؟ ارجع لنفس الصفحة واحذف الكود الأخير الذي أضفته ثم اضغط حفظ؛ يعود المتجر لطبيعته فورًا.

هل تراجع شنطة الأكواد التي أضيفها؟ الميزة تُفعَّل بالتنسيق مع فريق شنطة، والتاجر مسؤول عن الأكواد التي يضيفها بعد التفعيل.