إضافة CSS مخصص أو كود في وسم head أو سكريبتات

الخطوات

1. افتح المتجر الإلكتروني ← إعدادات الثيم واختر الصفحة من اختر الصفحة. اضغط أيقونة الترس لفتح الإعدادات العامة ووسّع Code مخصص.
2. CSS مخصص: اختر تبويب CSS للمتجر ("يُطبق CSS الخاص بالمتجر على جميع صفحات المتجر.") أو CSS للصفحة ("يؤثر CSS الخاص بالصفحة على هذه الصفحة فقط."). الصق كود CSS فقط، بدون وسوم <style>.
3. كود مخصص داخل وسم head: الصق الكود بوسومه الكاملة (مثلًا وسم <script> أو <meta> كامل). هذا الصندوق خاص بكل صفحة.
4. كود جافاسكريبت مخصص: الصق الكود كاملًا بدون وسوم <script>؛ تعمل هذه السكريبتات بعد تحميل محتوى الصفحة. وهو أيضًا خاص بكل صفحة.
5. اضغط حفظ. يُحفظ الكود المخصص مع الصفحة، لكل لغة على حدة.
6. لوضع HTML داخل تخطيط الصفحة، افتح إضافة عناصر، اسحب بلوك كود Html إلى مكانه وعدّل المحتوى الخاص به.
7. في صفحة الهبوط توجد لوحة Code مخصص نفسها، لكن CSS يُطبَّق على تلك الصفحة فقط (لا يوجد تبويب CSS للمتجر).

مشاكل شائعة

• CSS ليس له أي تأثير ← أزل أي وسوم <style>، ثم تحقق من أنك لصقته في CSS للمتجر إذا أردت تطبيقه في كل مكان، واضغط حفظ.
• السكريبت يعمل في صفحة واحدة فقط ← صندوقا head وجافاسكريبت خاصان بكل صفحة؛ أضف الكود إلى كل صفحة تحتاجه.
• السكريبت لا يعمل إطلاقًا ← أزل وسوم <script> من كود جافاسكريبت مخصص؛ فهي تخص صندوق head فقط.
• بلوك كود Html يعرض أقل مما لصقته ← بعض الوسوم تُنظَّف قبل العرض؛ التزم بـ HTML القياسي.
• الكود يعمل بلغة متجر ولا يعمل بأخرى ← الكود المخصص يُحفظ لكل لغة؛ بدّل لغة المحرر واحفظ مرة أخرى.

ذات صلة

• كيفية تغيير قالب متجرك وتعديل أقسامه
• هل يمكن رؤية بيانات UTM في الطلبات أو إضافة كود مخصص لصفحة الشكر؟
• إضافة بيكسلات Meta أو TikTok أو Google أو Snapchat
• ضبط عنوان SEO ووصف الصفحة وكلماتها المفتاحية