Skip to main content
⚠️ إشعار مهم يعمل هذا التخصيص فقط مع الإصدار 1 من وحدات سلة Upcart. إذا قمت مؤخرًا بترقية سلتك إلى الإصدار 2، فقد لا تعمل هذه التخصيصات. ستحتاج إلى استخدام المحددات الجديدة المتوفرة للإصدار 2 في دليل الترحيل. إذا لم تعمل تخصيصاتك كما هو متوقع، يمكنك إعادة السلة إلى الإصدار 1 بنفسك: في Cart Editor، استخدم القائمة المنسدلة Cart version أعلى القائمة اليسرى واختر V1.0 (Legacy). تظهر القائمة المنسدلة بمجرد أن تكون جميع وحدات السلة على V2. نعمل حاليًا على قوالب تخصيص جديدة للإصدار 2 من الوحدات، وستكون متاحة قريبًا.

مقدمة

مرحبًا بك في هذا الدرس التعليمي حول CSS، حيث سنوضح لك كيفية ضبط عرض سلتك على الجوال إلى صفر ما لم يتم تفعيلها من Upcart. هذه طريقة عملية لإبقاء سلتك مخفية وتبسيط تجربة التسوق على الجوال حتى يكون عملاؤك مستعدين لعرضها. هذا الدليل مصمم لأصحاب المتاجر أو المطورين ذوي المعرفة الأساسية بـ CSS. باستخدام هذا التخصيص، يمكنك إبقاء سلتك بعيدة عن الأنظار وتحسين تخطيط الصفحة، مما يقلل من عوامل التشتيت ويساعد عملاءك على التركيز في التسوق. إنه تعديل صغير يمكن أن يُحدث فرقًا كبيرًا في تجربة متجرك على الجوال. لنبدأ ونجعل سلة الجوال لديك تعمل بذكاء أكبر، لا بجهد أكبر!

الوصول إلى إعدادات CSS المخصص

لبدء تخصيص CSS الخاص بـ Upcart، اتبع هذه الخطوات:
  1. افتح تطبيق Upcart داخل لوحة التحكم.
  2. انتقل إلى Cart Editor.
  3. افتح Settings واختر تبويب Custom CSS (خلف More settings إذا فاض صف التبويبات).
  4. بعد ذلك، انسخ الكود والصقه في منطقة إدخال CSS
  5. عند الانتهاء “انقر على Save” وحدّث صفحة واجهة متجرك لرؤية النتائج مباشرة.

إليك كود CSS لنسخه ولصقه في قسم CSS:

الخلاصة

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

🚧 دعم التخصيصات

لا يمكن لفريق دعم Upcart المساعدة في تنفيذ حلول CSS أو HTML مخصصة في سلتك. إذا كنت بحاجة إلى مساعدة في تصميم أو تنسيق شيء مخصص، فنوصي باستشارة خبير Shopify: اطّلع على خبراء Shopify