Сейчас узнаем, какой подарок выпадет именно Вам

Крутите колесо

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

Оформить доступ с промокодом

100

#2470a1

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

Создали и наполнили блок ST305N

Включили в настройках опцию "Выравнивать кнопки в карточках по низу"

Добавили стиль на страницу в блок Другое - Т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>