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

Очень часто заказчики просят выравнивать в карточках товарах не только кнопки, но ещё и цены. Это делается очень просто:
  1. Для начала включите выравнивание кнопок в настройках блока (Карточки → Выравнивать кнопки в карточках по низу). Обратите внимание, что кнопки должны присутствовать в каждой карточке.
  2. Выберите в форме ниже, где у вас находятся товары: вы создали их в самом блоке или в каталоге товаров.
  3. Если в п. 2 вы выбрали первый вариант, то выберите блок, для которого нужна модификация.
  4. Затем скопируйте полученный код и вставьте его в блок T123 или в head вашего сайта (через настройки проекта). В данном случае абсолютно неважно, где вы расположите сам блок T123.
<!-- Выравнивать цены в карточках товаров по нижнему краю | https://necodim.ru/tilda/price-on-bottom -->

<style>
.t-store__card__textwrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.t-store__card__price-wrapper {
    margin-top: auto !important;
}
</style>
Теперь все цены находятся рядом с кнопками, а над ними пустое пространство.
Пример работы модификации
Будет видно, естественно, только в мобильной версии :)
Made on
Tilda