> ## 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

> Узнайте, как с помощью CSS установить нулевую ширину мобильной корзины до её вызова Upcart для более чистого и удобного процесса покупок.

⚠️ **Важное уведомление**

Эта кастомизация работает только с версией 1 модулей корзины Upcart. Если вы недавно обновили корзину до версии 2, эти кастомизации могут не работать. Вам потребуется использовать новые селекторы для версии 2, приведённые в [руководстве по миграции.](/ru/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)