Поддержка разноцветных ярлыков товаров

Многие наверняка заметили, что в нашей теме для установки "кастомного" ярлыка нужно написать лишь текст. Мы сделали это намеренно по ряду причин. Во-первых, так проще. Во-вторых, зачастую при импорте и синхронизации с разными системами кастомные ярлыки приходят именно в таком виде. И в отличие от других тем, включая Default, у нас это не приведет ни к каким проблемам.

Однако, есть и минус. Не получится установить разноцветные ярлыки стандартными средствами, как это задумывали разработчики webasyst. Но это можно легко исправить. Для этого в вашем user.css добавьте строку:

.cat-item__badge-item .badge { margin:-7px -10px -6px;padding:6px 10px;color:#000 }

Загрузка user.css должна быть включена в настройках темы. Сбрасывать изменения в этом файле при обновлениях не нужно. Никогда!

2 ответа
a
Эрнест Ачкасов
#
3 августа 2018 19:02

Добрый день!

Подскажите пожалуйста - сделал как описано в данной инструкции, но ярлык все равно остается с черным фоном

В user.css (в настройках включен) вставлена строка:

.cat-item__badge-item .badge { margin:-7px -10px -6px;padding:6px 10px;color:#FF0000 }

https://simplenail.ru/cvetnoj-gel-lak-tnl-394---ba...

Что то еще нужно изменить? или код немного изменился после обновления?

a
Евгений Леман
programmer
#
3 августа 2018 19:55

Речь шла о том варианте разноцветного ярлыка, что предлагает сам shop-script. Если вы в интерфейсе установки ярлыка выберите "Другой", то по умолчанию получите в поле ценый кусок HTML-кода. Вот о поддержке этого кода и шла речь.

В вашем примере эта разметка отсутствует и вместо неё просто указан текст ярлыка. Такой текст просто отображается белым цветом на черном фоне. Если вы хотите глобально изменить эти дефолтные стили, то можно прописать в user.css следующее:

.cat-item__badge-item {color:#000 !important;background-color:#417fb2 !important}

Ну цвета уже на свой вкус. color - цвет текста, background-color - цвет фона. !important - обязателен.

Чтобы добавить комментарий, зарегистрируйтесь или войдите