تعديل تخطيط الجوال والجهاز اللوحي بشكل منفصل
استخدم مبدّل الأجهزة في الشريط العلوي للمحرر (هاتف، جهاز لوحي، سطح مكتب). أي تغيير تجريه في تبويب الأنماط أثناء تحديد جهاز يُطبَّق فقط على حجم تلك الشاشة؛ أما إعدادات العناصر مثل "عدد العناصر في الجوال" فتضبط الأعمدة لكل جهاز.
الخطوات
- افتح المتجر الإلكتروني ← إعدادات الثيم أو صفحة الهبوط. في الشريط العلوي، اضغط أيقونة الهاتف (إطار 768px) أو أيقونة الجهاز اللوحي (إطار 991px). أيقونة سطح المكتب تعيد العرض الكامل؛ ومفتاح ملء الشاشة يكبّر مساحة التصميم.
- اضغط بلوكًا، افتح أيقونة القلم ← الأنماط، وعدّل التباعد أو الأبعاد أو الخطوط أو الموضع. إشعار "Applied on" يؤكد أن التغيير يذهب إلى الجوال (حتى 768px) أو الجهاز اللوحي (حتى 991px).
- للشبكات، استخدم تبويب الإعدادات الخاص بالبلوك بدلًا من ذلك: التصميم 3 من قائمة المنتجات، والتصميمان 4 و5 من سلايدر، وآراء العملاء توفر عدد العناصر في الشبكة / الجوال / الجهاز اللوحي.
- في بلوك حزم المنتجات، فعّل الحفاظ على عرض سطح المكتب على الجوال إذا أردت أن تحتفظ مستويات العرض بترتيبها على سطح المكتب عند عرضها على الهواتف.
- ارجع إلى سطح المكتب وتحقق من أن شيئًا لم يتغير هناك، ثم اضغط حفظ وتأكد من أن الصفحة في حالة تم النشر.
ملاحظة: بعض صفحات الهبوط القديمة مثبّتة على إطار الجوال 768px ولا يمكنها التبديل إلى سطح المكتب أو ملء الشاشة.
مشاكل شائعة
- غيّرت التباعد الداخلي على سطح المكتب فتعطلت صفحة الجوال ← لكل جهاز أنماطه الخاصة؛ حدّد إطار الهاتف وصحّحه هناك.
- لا أستطيع التبديل إلى سطح المكتب في صفحة هبوط ← هي إحدى صفحات الهبوط القديمة؛ تلك للجوال فقط.
- أعمدة منتجات كثيرة جدًا على الهواتف ← حدّد بلوك قائمة المنتجات وخفّض عدد العناصر في الجوال (التصميم 3)، أو اختر ذلك التصميم من تبويب المتغيرات.
- المحرر يبدو صحيحًا لكن هاتفي الحقيقي يختلف ← اضغط معاينة في الشريط العلوي وافتح الصفحة الفعلية على هاتفك؛ تأكد من أنك ضغطت حفظ أولًا.
ذات صلة
- تنسيق عنصر: المسافات والخلفية والحدود والظل والحركة
- فتح محرر القالب والتعرف على أجزائه
- كيفية إعداد صفحتك الرئيسية: القسم الرئيسي والسلايدر وشبكات المنتجات