Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом
100
Как выравнивать цены по нижнему краю в карточках товара в Tilda

Как выравнивать цены по нижнему краю в карточках товара в Tilda

1
Создали и наполнили блок ST305N
2
Включили в настройках опцию "Выравнивать кнопки в карточках по низу"
3
Добавили стиль на страницу в блок Другое - Т123
Библиотека для примера ST305N

<style>
.t-store__card__textwrapper {
    display: flex;
    flex-direction: column;
}
.js-store-price-wrapper {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
}
.js-store-prod-sold-out {
    width: 100%;
    order: -1;
}
.t-store__card__price {
    margin-right: 5px;
}
</style>
Библиотека для примера ST310N

<style>
.t-store__card__textwrapper {
    display: flex;
    flex-direction: column;
}
.js-store-prod-descr {
    flex-grow: 1;
}
</style>
Библиотека для примера ST305N без каталога

<style>
.t776__textwrapper {
    display: flex;
    flex-direction: column;
}

.t776__price-wrapper {
    margin-top: auto;
}
</style>
Made on
Tilda