> ## 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 всегда открыт?

> Эта статья описывает шаги по устранению неполадок для определения причины, по которой Upcart всегда открыт.

Если вы столкнулись с проблемой в Upcart, когда выдвижная корзина остаётся видимой — будь то в левой части экрана либо справа или ниже интерфейса магазина, — существуют две возможные причины, в зависимости от того, используете ли вы приложение для перевода.

<div id="the-cart-appears-on-the-right-side-or-overlays-the-product-page-interface">
  # Корзина появляется справа или накладывается на интерфейс страницы товара.
</div>

Эта проблема обычно выглядит так, как показано на настольной версии (выделено справа):

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-storefront-product-cart-drawer.gif?s=de0cfb039a5110314e2bcc670570edce" alt="Страница товара в витрине с застрявшей открытой выдвижной корзиной Upcart, перекрывающей правую сторону" width="1108" height="1080" data-path="images/upcart/always-open-storefront-product-cart-drawer.gif" />

Чтобы устранить эту проблему, вам нужно вставить короткий скрипт в настройки HTML Upcart.

Выполните следующие шаги:

1. В панели администратора Shopify перейдите в **Upcart > Cart Editor > Settings**
2. В разделе Custom HTML выберите **выпадающий список Select HTML Location > Scripts (Before load)** <img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-html-location-dropdown.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=5fecf8bcf00491e70d62ced4d76a10d8" alt="Выпадающий список расположения Custom HTML в Upcart с выделенным внизу пунктом Scripts Before Load" width="1099" height="766" data-path="images/upcart/always-open-custom-html-location-dropdown.png" />
3. Скопируйте и вставьте следующий код:
   ```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
   <script>  
       window.onload = () => {  
           const upcartHTML = document.getElementById("upCart");  
           document.body.append(upcartHTML);  
       }  
   </script>
   ```
   Вот как должны выглядеть ваши настройки Custom HTML в Upcart: <img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-html-editor-scripts.gif?s=90eee20f5741281f86afa26f06acbad0" alt="Редактор Custom HTML в Upcart с выбранным Scripts Before Load и вставленным скриптом window.onload append" width="2748" height="1080" data-path="images/upcart/always-open-custom-html-editor-scripts.gif" />
4. Прокрутите наверх и нажмите **Save**. После сохранения изменений в Upcart может потребоваться до минуты, чтобы они вступили в силу.

<div id="why-does-this-happen">
  ### Почему это происходит?
</div>

Когда Upcart загружается, мы ожидаем, что он появится за пределами экрана справа от страницы магазина. Однако некоторые темы магазинов и сторонние приложения Shopify могут изменять макет страницы, включая расположение Upcart. В результате Upcart может загрузиться в другом месте, что приводит к визуальной ошибке, когда он виден постоянно. Внедрение приведённого выше кода переместит Upcart, восстановив его исходное поведение.

<div id="additional-steps">
  ## **Дополнительные шаги**
</div>

Если вы замечаете мерцание Upcart на этапе загрузки страницы, вы также можете попробовать применить CSS-изменения, чтобы скрыть выдвижную корзину. Имейте в виду, что **это также скроет Upcart на странице предпросмотра**.

```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
.upcartPopupShow [class*="styles_CartPreview__right__"] {  
    width: 100%;  
    max-width: 440px;  
}  
  
[class*="styles_CartPreview__right__"] {  
    width: 0px;  
    max-width: 440px;  
}
```

Редактор находится на вкладке **Custom CSS** в разделе **Settings** (за пунктом **More settings**, если он не помещается в строке вкладок). Вставьте туда приведённый выше код:

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-css-editor-rules.gif?s=a982b2ed16933ade7b8b47d2e1671fcc" alt="Редактор Custom CSS в Upcart с правилами, задающими ширину правой панели CartPreview для скрытия выдвижной корзины" width="2552" height="1080" data-path="images/upcart/always-open-custom-css-editor-rules.gif" />

<div id="cart-is-stuck-on-the-left">
  # Корзина застряла слева
</div>

Обычно это вызвано тем, что приложение для перевода переводит настройки Upcart, которые должны оставаться на английском языке.

Upcart хранит некоторые настройки в виде английских слов в метаполях Shopify. Например, настройка позиции корзины хранится как «right» или «left». Если приложение для перевода изменит «right» на «droite» по-французски, Upcart не сможет понять инструкцию и по умолчанию разместится в левом верхнем углу экрана, оставаясь постоянно открытым.

**Не все метаполя следует переводить**

Существует два типа метаполей Upcart:

* **Текстовые поля**, такие как надписи на кнопках или сообщения о вознаграждениях, можно безопасно переводить
* **Настройки поведения**, такие как позиция корзины или направление апселлов, должны оставаться на английском

Перевод настроек поведения приведёт к поломке Upcart.

**Решение**

1. Откройте приложение для перевода и найдите раздел **store metadata** или **metafields**
2. Просмотрите метаполя Upcart и удалите любые переводы полей, связанных с поведением, таких как `cartPosition` и `upsellsDirection`
3. Обновите витрину — корзина должна вернуться в правильное положение

**Примечание:** теперь в Upcart есть встроенная поддержка переводов, которая полностью исключает эту проблему. Если вы ещё не настроили переводы, мы рекомендуем использовать именно её. Подробнее см. в статье [Переводы корзины](/ru/upcart/cart_translations).