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

Кастомизация окна авторизации в корзине ST100 на Tilda

Модификация поможет изменить стили для окна авторизации в корзине ST100. Можно изменить цвет подложки и текста, скруглить углы и добавить обводку. Дополнительно можно добавить ховер для кнопки.

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

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

Настройки подложки и текста
Цвет подложки авторизации
Радиус скругления углов
Толщина обводки
Цвет обводки
Цвет текста
Настройки кнопки
Цвет фона
Цвет текста
Радиус скругления углов
Цвет обводки
Толщина обводки
Настройки hover (эффект при наведении)
Цвет фона
Цвет текста
Цвет обводки
Войдите в аккаунт чтобы получить доступ к генератору кода
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev --> <!--TCD116--><style> .t706__auth { background: #f7d5ce !important; color: #f96855 !important; border-radius: 10px; border: px solid !important; } .t-descr.t706__auth__flex { color: #f96855 !important; } .t706__auth__log-in-btn { background: #f96855 !important; color: #ffffff !important; border-radius: 5px; border: 0px solid !important; transition: all 0.3s ease; } .t706__auth__log-in-btn:hover { background: #ffffff !important; color: #f96855 !important; border: 0px solid !important; } </style>
КОПИРОВАТЬ КОД
1. Создаем на сайте блок корзины ST100 и подключаем личный кабинет для магазина.
Как включить: Настройки сайта -> Личный кабинет -> Подключить ЛК для магазина

Модификация поддерживает стандартную корзину и корзину с оформлением заказа в два этапа

2. В генераторе настраиваем стили для корзины:
Для подложки можно настроить: цвет фона и текста, цвет и толщину обводки, скругление углов. Если какой-то из параметров не нужен то оставляем поле пустым;
Для кнопки авторизации можно настроить: цвет фона, цвет текста и обводки(если обводка не нужна, обязательно указываем 0), скругление углов. Дополнительно можно настроить ховер (эффект при наведении на кнопку);

3. Копируем код и вставляем в HTML блок T123.
Made on
Tilda