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