Как изменить цвет ползунка цены в стандартном товарном блоке Tilda ST320N

Мы не раз сталкивались с проблемой, как заменить в бегунке-слайдере цвет ползунка цены на свой собственный. Как убрать бесящий светло-синий (голубой) цвет в боковом меню с фильтрами и категориями товаров в каталоге на Тильда? Рассказываем.

Мы написали простой код, который помогает поменять цвет этой синей полоски в ползунке изменения цены. Добавьте код ниже в блок 123 на вашу страницу, чтобы изменить цвет на свой собственный. Всё делается в пару кликов. 

Простой код для изменения цвета синей полоски в виджете цены на Тильде

Для замены цвета на свой собственный, просто вставьте номер цвета в код на место нашего. И добавьте этот код на страницу в блок 123. После переопубликуйте страницу.
				
					<style>
    
    /* вот тут меняем цвет, если хотим изменить синий цвет на свой */
.t-store__filter__range_bg { background-color: #E5C572 !important; } 

    /* вот тут меняем цвет, если хотим изменить серый цвет на свой */
.t-store__filter__price-outer { background-color: #E5C572 !important; }
    
    /* код с сайта manufact.pro */
    
</style>
				
			

Изменение будет видно только на опубликованной странице!

Спасибо за внимание.

Пишите комментарии, делитесь статьёй в социальных сетях с помощью кнопок ниже и подписывайтесь на рассылку в нашем блоге. Мы всегда рады новым гостям!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Другие интересные материалы в нашем блоге
Система лояльности - ноутбук с подарочными коробками
Бизнес
Система лояльности в интернет-магазине: как она работает и почему стоит её внедрить

Узнайте, как система лояльности помогает интернет-магазинам удерживать клиентов, увеличивать продажи и строить долгосрочные отношения с покупателями. Виды программ, преимущества и советы по внедрению.

Читать »
блог рекламного агентства - digital 2021 статистика интернета - статья блога MANUFACT PRO
Интернет-маркетинг
Digital 2021: вся статистика интернета

Вся статистика интернета 2021: количество интернет-пользователей, рейтинг социальных сетей, приложений и сайтов от We Are Social и Hootsuite.

Читать »
агентство по дизайну - обложка статьи про NFT - статья блога MANUFACT PRO
NFT
NFT — не для всех?

Дизайнеры, создавшие NFT-коллекции, делятся тем, что нужно знать о рынке NFT, чтобы зарабатывать. Подводные камни и мифы об NFT, которые вы …

Читать »
традиционная реклама и реклама в интернете - громкоговоритель иллюстрация - мануфакт про
Бизнес
10 видов рекламы для вашего бизнеса

Откройте для себя 10 типов рекламы, которые помогут развить ваш бизнес. Узнайте, как цифровая и традиционная реклама могут эффективно воздействовать на вашу целевую аудиторию, улучшить стратегию маркетинга и увеличить продажи.

Читать »
что такое дропшиппинг
Бизнес
Как открыть дропшиппинг-бизнес в 2024 году: ключевые шаги, кейсы и советы экспертов

Хотите запустить прибыльный дропшиппинг-бизнес без вложений? Узнайте, как выбрать нишу, находить поставщиков для дропшиппинга, работать с маркетплейсами и создавать успешный интернет-магазин с минимальными затратами.

Читать »
Обложка для статьи сколько стоит интернет-магазин ценообразование0 Обложка для статьи сколько стоит интернет-магазин ценообразование
Все статьи
Сколько стоит интернет-магазин? Узнайте, как агентства формируют цены

Разберитесь, что влияет на стоимость интернет-магазина: функционал, дизайн, технологии. Узнайте, почему экономия на разработке может обернуться убытками.

Читать »
MANUFACT это Digital Agency состоящее из специалистов в различных областях, связанных с разработкой и поддержкой веб-проектов. В нашем корпоративном блоге мы делимся тем полезным, что знаем сами. Знакомьтесь с нами неторопливо и со вкусом, делитесь впечатлениями и узнавайте новое.
Выжимки из наших статей и уникальные материалы мы публикуем в нашем Телгерам-канале. Подписывайтесь, чтобы ничего не пропустить.
Зачитались?

Оставьте свой email и получайте актуальный материал от команды MANUFACT.

НУЖЕН САЙТ ИЛИ РЕКЛАМА?
При заказе сайта в нашей студии, бесплатно настроим эффективную рекламу в Google

Зачитались?

Оставьте нам свой e-mail адрес и получайте актуальный материал от команды MANUFACT