Как изменить цвет ползунка цены в стандартном товарном блоке 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 не будет опубликован. Обязательные поля помечены *

Другие интересные материалы в нашем блоге
блог диджитал агентства - промо сайт иллюстрация - статья блога MANUFACT PRO
Разработка сайтов
Что такое промо-сайт

Что это такое, зачем он нужен, на какой платформе создать и как продвигать. Ответы на эти вопросы и примеры промо-сайтов вы найдёте в этой статье.

Читать »
интернет магазин иллюстрация - ноутбук на желтом фоне
Все статьи
На какой платформе лучше всего делать интернет-магазин в 2025 году

Выбор платформы — ключевой шаг для успешного интернет-магазина. Shopify, Тильда, WordPress, Webflow, Magento — что лучше для вашего бизнеса? Разбираем плюсы и минусы каждого варианта, чтобы помочь вам сделать осознанный выбор. 🚀

Читать »
обложка продажи в интернет магазине какие психологические триггеры использовать и как manufact pro
Все статьи
Как психология влияет на продажи в интернет-магазине: ключевые принципы и практики

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

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

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

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

Зачитались?

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