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

Оформить доступ с промокодом
100
Как добавить кнопки в карточку товара в Тильда

Как добавить кнопки в карточку товара в Тильда

1
В текст карточки товара добавляем ссылки (без оформления, скрин ниже)
2
Добавляем стиль
Настройки сайта - Ещё - Редактировать CSS
Иконки добавлены https://unicode-table.com/ru/
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Добавляем кнопки в карточку товаров.
Кнопки вызова popup окна, формы или переход по ссылке. Длительность видео 29 минут
Фрагмент видео
Библиотека для примера

<style>
    .js-store-prod-text a {
    display: inline-block;
    padding: 10px 15px;
    margin-right: 15px;
    margin-top: 20px;
    border-radius: 3px;
    font-weight: 600;
}
.js-store-prod-text a:first-of-type {
    background-color: #bc574b;
    color: #ffffff !important;
}
.js-store-prod-text a:last-of-type {
    background-color: #566d90;
    color: #ffffff !important;
}

.js-store-prod-text a:first-of-type:before {
    content: "\1F50D";
    margin-right: 10px;
}

.js-store-prod-text a:last-of-type:before {
    content: "\1F5B9";
    margin-right: 10px;
}
.t706__cartwin_showed {
    z-index: 999999999;
}
</style>
Made on
Tilda