Как изменить цвет ползунка цены в стандартном товарном блоке 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
Все статьи
Как психология влияет на продажи в интернет-магазине: ключевые принципы и практики

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

Читать »
блог диджитал агентства - хостинг облачное хранилище иллюстрация - статья блога MANUFACT PRO
Инструкции
Tilda и белорусский хостинг

Настройка сайта на Тильде в связи с белорусским законодательством. Следуйте закону с помощью правильной настройки DNS.

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

Пока мы проводим бесплатные аудиты профилей в Инстаграм, заметили, что некоторые ошибки повторяются в 4 из 5 случаев. Подготовили для вас полезную подборку самых частых ошибок в ведении аккаунта и рекомендации, как их исправить.

Читать »
как правильно оформить карточку товара для интернет магазина.
Интернет-маркетинг
Правильная карточка товара увеличит продажи вашего интернет-магазина

Правильная карточка товара — ключ к успешным продажам. В этой статье мы расскажем, какие элементы в карточке товара важны для того, чтобы покупатель принял решение о покупке.

Читать »
статья что такое продающий дизайн - иллюстрация говорящий дизайн телефон и рупор - статья блога MANUFACT PRO
Дизайн
Что такое продающий дизайн

Азы, подача, принципы и правила создания продающего дизайна и какие задачи перед ним стоят. Факторы, которые влияют на разработку дизайна.

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

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

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

Зачитались?

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