SEO и реклама
Разработка сайтов
UX/UI Дизайн
API Интеграции
Моб. разработка
- Дизайн моб. приложений
Узнать стоимость проекта
Код помогает модифицировать сортировку и фильтры в блоке с товарами Тильда
Делаем минималистичное оформление сортировки и фильтров в Тильда
Инструкция
Добавьте блок "ST320N" на страницу.
Скорее всего будет работать и с другими, не тестировали.
Скорее всего будет работать и с другими, не тестировали.
Вставьте код в блок "Другое" - Т123 в подвал вашего сайта
Замените в коде название шрифта на свой. Уберите поиск в настройках "Товаров"
Код для вставки:
Код написан на коленке, используйте осторожно. Не оказываем поддержку и доработку модификаций!
<!-- Делаем оформление сортировки и фильтров в Тильда | youx.agency -->
<!-- https://youx.agency/oformlenie-sortirovki-i-filtrov-v-tilda -->
<style>
.t-store__sort-select {
font-family: 'Noto Sans'; /* Поменяйте шрифт на свой название */
font-weight: 600 !important;
background: transparent !important;
border: none !important;
padding: 0px !important;
font-size: 11px !important;
color: #0E0E0E !important;
}
.t-store__sort-select-wrapper {
width: 180px !important; /* Изменение ширины контейнера */
}
/* Этот кусок убирает подложку в мобильной версии и сдвигает влево фильтр */
.t951__sidebar {
background-color: transparent !important;
margin: 0px -15px !important;
padding: 20px !important;
}
</style>