URL скопирован в буфер обмена!
Как выровнять кнопки по ширине в карточках магазина на Tilda
При помощи этой модификации можно выровнять кнопки в карточках товара по ширине. Модификация работает с блоками магазинов ST300, ST305N, ST310N, ST315N, ST320N
Модификация работает с включенным Autoscale в блоках
Модификация работает только с стандартным блоком
Номер модификации в библиотеке TiCode
ID блока
Тип выравнивания
Адаптация на мобилках
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev -->
<!--TCD078-->
<style>
#rec710828146 .t-store__card__btn {
width: 48%;
margin: auto !important;
}
@media screen and (max-width: 960px) {
#rec710828146.t-store__card__btn {
width: 100% !important;
}
}
</style> <style>
#rec710828146 .t-store__card__btn {
width: 100%;
}
</style> <style>
#rec710828146 .t-store__prod__quantity {
width: 49% !important;
}
#rec710828146 .t-store__prod__quantity-input {
width: 100% !important;
}
#rec710828146 .t-store__prod__quantity+a[href="#order"] {
width: 49% !important;
float: right;
}
#rec710828146 .t-store__card__btns-wrapper {
width: 100% !important;
}
#rec710828146 .t-store__card__btn {
width: 100%;
}
@media screen and (max-width: 960px) {
#rec710828146 .t-store__prod__quantity {
width: 100% !important;
}
#rec710828146 .t-store__prod__quantity+a[href="#order"] {
width: 100% !important;
}
}
</style> <style>
#rec710828146 .t-store__prod__quantity {
width: 29% !important;
}
#rec710828146 .t-store__prod__quantity-input {
width: 100% !important;
}
#rec710828146 .t-store__prod__quantity+a[href="#order"] {
width: 69% !important;
float: right;
}
#rec710828146 .t-store__card__btns-wrapper {
width: 100% !important;
}
#rec710828146 .t-store__card__btn {
width: 100%;
}
@media screen and (max-width: 960px) {
#rec710828146 .t-store__prod__quantity {
width: 100% !important;
}
.t-store__prod__quantity+a[href="#order"] {
width: 100% !important;
float: right;
}
}
</style> <style>
#rec710828146 .t-store__prod__quantity {
width: 100% !important;
}
#rec710828146 .t-store__prod__quantity-input {
width: 100% !important;
}
#rec710828146 .t-store__card__btns-wrapper {
width: 100% !important;
}
#rec710828146 .t-store__prod__quantity+a[href="#order"] {
width: 100% !important;
float: right;
}
#rec710828146 .t-store__card__btn {
width: 100%;
}
</style>
1. Создаем блок магазина (ST300, ST305N, ST310N, ST315N или ST320N), копируем id блока и указываем в генератор кода;
2. Выбираем тип выравнивания кнопок и адаптацию на мобилках. Для наглядности смотрим пример;
3. Копируем готовый код и вставляем в HTML блок Т123;
Примечание! Если на странице всего один блок магазина или настройки нужно применить к нескольким блокам магазина, то поле id можно оставить пустым.
2. Выбираем тип выравнивания кнопок и адаптацию на мобилках. Для наглядности смотрим пример;
3. Копируем готовый код и вставляем в HTML блок Т123;
Примечание! Если на странице всего один блок магазина или настройки нужно применить к нескольким блокам магазина, то поле id можно оставить пустым.
