Обзор

Строка экономии Upcart отображает информацию о применённых скидках, промокодах и суммах экономии. Если вы предпочитаете более минималистичный макет, вы можете выборочно скрывать элементы с помощью пользовательского CSS. Вы можете удалить всю строку целиком или только отдельные части, такие как сумма скидки, значки промокодов или слово «Discount».

Где найти редактор пользовательского CSS

Перейдите в Upcart > Cart Editor > Settings > Custom CSS
Вставьте приведённые ниже фрагменты кода в поле ввода
Нажмите Save
Обновите витрину магазина, чтобы увидеть изменения

Примеры CSS

Скрыть всю строку экономии в V1.0

.upcart-savings-row {  
  display: none;  
}

Скрыть всю строку экономии в V2.0

.upcart-public-cart-summary {  
  display: none;  
}

Удаляет весь контент, связанный со скидками, из выдвижной корзины.

Скрыть только сумму скидки в V1.0

.upcart-savings-amount {       
  display: none;     
}

Скрыть только сумму скидки в V2.0

.upcart-public-cart-summary__total-discount {       
  display: none;     
}

Метка скидки или промокод остаются видимыми, но сумма экономии скрывается.

Скрыть значки промокодов в V1.0

.upcart-discount-code-badge {       
  display: none;     
}

Скрыть значки промокодов в V2.0

.upcart-public-cart-summary__slide-codes {       
  display: none;     
}

Скрывает визуальный значок, отображающий активный промокод.

Скрыть метку экономии в V1.0 У метки в V1 нет собственного класса, поэтому ограничьте правило строкой экономии:

.upcart-savings-row .styles_Footer__savingsCodes__ > span {       
  display: none;     
}

Не используйте .UpcartDesignSettings__cartTextColor отдельно. Это глобальный служебный класс цвета текста корзины, который применяется к заголовку, объявлениям, панели вознаграждений, названиям товаров, заголовку рекомендаций и другим элементам — его скрытие сделает пустой большую часть корзины.

Сам текст метки — это ваш перевод Total discount savings text, который по умолчанию имеет значение “Discounts” — вместо скрытия вы можете изменить формулировку там.

Скрыть слово «Discount» в V2.0

.upcart-public-cart-summary__discount-label {       
  display: none;     
}

Скрывает статический текст, использующий слово «Discount». Возможно, вам потребуется вручную скорректировать этот селектор для более точного нацеливания.

Важное примечание

Скрытие элементов, особенно суммы скидки, может снизить заметность акций и экономии. Прежде чем применять эти изменения, подумайте об опыте покупателей.

Нужна помощь?

Для сложной стилизации или изменений макета мы рекомендуем обратиться к эксперту Shopify. Команда поддержки Upcart не помогает с внедрением пользовательского кода. Найти экспертов Shopify

Начало работы

Модули корзины

Настройки корзины

Закреплённая кнопка корзины

Multicart

Кастомизации

Аналитика

Интеграции и совместимость

Оплата и аккаунт

Устранение неполадок

Скрытие строки скидки или отдельных элементов экономии

Обзор

Где найти редактор пользовательского CSS

Примеры CSS

Скрыть всю строку экономии в V2.0

Скрыть только сумму скидки в V2.0

Скрыть слово «Discount» в V2.0

Важное примечание

Нужна помощь?

​Обзор

​Где найти редактор пользовательского CSS

​Примеры CSS

​Скрыть всю строку экономии в V2.0

​Скрыть только сумму скидки в V2.0

​Скрыть слово «Discount» в V2.0

​Важное примечание

​Нужна помощь?

Обзор

Где найти редактор пользовательского CSS

Примеры CSS

Скрыть всю строку экономии в V2.0

Скрыть только сумму скидки в V2.0

Скрыть слово «Discount» в V2.0

Важное примечание

Нужна помощь?