URL скопирован в буфер обмена!

Как сделать горизонтальный скролл разделов в блоке магазина?

Модификация добавляет горизонтальный скролл для раздела товаров в мобильной версии, а также расширяет возможности их кастомизации

Модификация работает с включенным Autoscale в блоках
Модификация работает только со стандартными блоками
Номер модификации в библиотеке TiCode

Генератор кода

Цвет текста
Цвет фона
Радиус скругления углов
Цвет обводки
Толщина обводки
Цвет текста активной вкладки
Цвет фона активной вкладки
Цвет обводки активной вкладки
Войдите в аккаунт чтобы получить доступ к генератору кода
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev --> <!--TCD015--><style> .t-store__parts-switch-wrapper { display: flex; flex-direction: row; width: 100%; overflow-y: hidden!important; padding: 0px 0px; overflow-y: scroll; box-sizing: border-box; } .js-store-parts-switcher.t-store__parts-switch-btn.t-name.t-name_xs.t-menu__link-item { color: #f96855; padding-right: 16px; display: flex; white-space: nowrap; align-items: center; padding-top: 8px; padding-bottom: 8px; padding-left: 15px; padding-right: 15px; border-radius: 10px; border: 2px solid #f96855!important; background-color: #ffffff; } .js-store-parts-switcher.t-store__parts-switch-btn.t-name.t-name_xs.t-menu__link-item.t-active { background-color: #f7d5ce; color: #f96855!important; border: 2px solid #f7d5ce!important; opacity: 100%!important } @media (max-width: 1200px) {.t-store__parts-switch-wrapper { padding: 0px 0px; }}@media (max-width: 480px) { .t-store__parts-switch-wrapper { padding: 0px 0px; }} </style>
КОПИРОВАТЬ КОД
1. Добавляем стандартный блок каталога на тильда. модификация работает с блоками (ST300, ST305N, ST310N, ST315N, ST320N и ST330)

2. Во кладке "товары"(кнопка находиться возле кнопки контента), добавляем товары и разделы

3. Подтягиваем в блок товары которые добавили

4. В генераторе указываем настройки, копируем готовый код и вставляем в HTML блок T123

Примечание! Если в генераторе какая-то из настроек не нужна, то в поле ввода нужно указать значение none
Чтобы работал цвет текста который вы указали в генераторе, не обходимо в самих настройка блока оставить цвет текста пустым.
Made on
Tilda