Обзор

Строка экономии 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

Справочник функций корзины

Справочник CSS

Рецепты оформления

Рецепты функциональности

Пользовательские шаблоны

Публичный API Upcart

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

Обзор

Где найти редактор пользовательского 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

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

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