> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ضبط عرض السلة على الجوال إلى صفر حتى يتم تفعيلها من Upcart باستخدام CSS

> تعرّف على كيفية ضبط عرض سلتك على الجوال إلى صفر ما لم يتم تفعيلها من Upcart باستخدام CSS، لتجربة تسوق أنظف وأكثر انسيابية.

⚠️ **إشعار مهم**

يعمل هذا التخصيص فقط مع الإصدار 1 من وحدات سلة Upcart. إذا قمت مؤخرًا بترقية سلتك إلى الإصدار 2، فقد لا تعمل هذه التخصيصات. ستحتاج إلى استخدام المحددات الجديدة المتوفرة للإصدار 2 في [دليل الترحيل.](/ar/upcart/upcart_v20_migration_guide)

إذا لم تعمل تخصيصاتك كما هو متوقع، يمكنك إعادة السلة إلى الإصدار 1 بنفسك: في Cart Editor، استخدم القائمة المنسدلة **Cart version** أعلى القائمة اليسرى واختر **V1.0 (Legacy)**. تظهر القائمة المنسدلة بمجرد أن تكون جميع وحدات السلة على V2.

نعمل حاليًا على قوالب تخصيص جديدة للإصدار 2 من الوحدات، وستكون متاحة قريبًا.

<div id="introduction">
  # **مقدمة**
</div>

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

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

لنبدأ ونجعل سلة الجوال لديك تعمل بذكاء أكبر، لا بجهد أكبر!

<div id="accessing-custom-css-settings">
  ## **الوصول إلى إعدادات CSS المخصص**
</div>

لبدء تخصيص CSS الخاص بـ Upcart، اتبع هذه الخطوات:

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

<div id="here-is-the-css-code-to-copy-and-paste-into-the-css-section">
  ## إليك كود CSS لنسخه ولصقه في قسم CSS:
</div>

```
@media (max-width: 440px) {  
    .upcartPopupShow [class*="styles_CartPreview__right__"] {  
        width: 100%;  
        max-width: 440px;  
    }  
  
    [class*="styles_CartPreview__right__"] {  
        width: 0px;  
	max-width: 440px;  
    }  
}
```

<div id="conclusion">
  # **الخلاصة**
</div>

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

<div id="support-for-customizations">
  ## 🚧 دعم التخصيصات
</div>

لا يمكن لفريق دعم Upcart المساعدة في تنفيذ حلول CSS أو HTML مخصصة في سلتك.

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

[اطّلع على خبراء Shopify](https://www.shopify.com/partners/directory)