أضف CSS مخصصًا لتغيير شكل النافذة
إذا كنت تعرف CSS، يمكنك إضافة أنماطك الخاصة إلى النافذة. أغلب التجار لا يحتاجون إلى هذا، فخيارات التصميم تكفي.
متى تستخدم هذا المقال
- تريد تغييرًا في الشكل لا تعطيه خيارات التصميم.
- تعرف كتابة CSS.
قبل أن تبدأ
- افتح النافذة في المحرر البسيط.
- المحرر يحفظ تلقائيًا في النافذة نفسها. إذا كانت منشورة يراها الزوار. جرّب على نسخة أولًا.
الخطوات
- افتح حملاتي، ثم اضغط تعديل بجانب النافذة. في النوافذ الأقدم يظهر التحكم بالشكل، ويفتح المحرر البسيط أيضًا. على الكمبيوتر يظهر الزر أيقونة، ويظهر اسمه عند وضع المؤشر عليه.
- انزل في لوحة التعديل وافتح القسم CSS مخصص (متقدم).
- اكتب كود CSS في الخانة. تشرح الصفحة: «سيتم إضافة هذا CSS بعد CSS القالب. استخدم !important للكتابة فوق الأنماط الافتراضية.»
- راقب المعاينة المباشرة. يحفظ المحرر تلقائيًا.
- اضغط نشر النافذة عندما ترضى بالنتيجة.
ملاحظات
- الـ CSS يُضاف بعد CSS القالب، لذلك قد تحتاج إلى
!importantحتى يغلب النمط الافتراضي. - أخطاء CSS قد تكسر شكل النافذة. إذا حدث ذلك احذف ما كتبته.
تأكد أن كل شيء يعمل
- يظهر التغيير في المعاينة المباشرة.
- افتح متجرك في نافذة خاصة بعد النشر بدقائق وقارن الشكل.
أخطاء شائعة
| الخطأ | طريقة إصلاحه |
|---|---|
| الـ CSS لا يغيّر شيئًا | أضف !important لأن CSS القالب يُحمَّل قبل كودك. |
| ساء شكل النافذة | احذف الكود من الخانة وسيعود الشكل إلى حالة القالب. |
مقالات ذات صلة
هل أجاب هذا المقال على سؤالك؟