Блоки

Иконка для кнопки добавления товара в корзину на Tilda

Модификация добавляет иконку в кнопку добавления товара в корзину. Работает как для карточки товара, так и для каталога и сопутствующих товаров.

Применение

Установить ширину иконки, ее отступ от текста и расположение.
1
При желании для карточки товара можно установить другую иконку. Допустим, если цвет заливки кнопки другой.
2
Скопировать код и вставить на сайт.
3
Ширина иконки
Отступ иконки от текста
Ссылка иконки
Ссылка иконки для кнопки в карточке товара
Расположение иконки
Как вставлять код на сайт? 👆
<style> [href="#order"] tr { display: inline-flex; align-items: center; justify-content: center; height: 100%; } [href="#order"] tr td { display: inline-flex; align-items: center; justify-content: center; height: 100%; } [href="#order"] tr td:before, .js-store-buttons-wrapper:not(.t-store__prod-popup__btn-wrapper) [href="#order"]:before { width: 25px; height: 100%; margin-right: 8px; content: ''; background: url('https://static.tildacdn.com/lib/linea/930cac0f-758b-b7ee-1eb0-b18fc6e10893/ecommerce_bag.svg') no-repeat center; background-size: contain; } .t-popup .js-product [href="#order"] tr td:before { background: url('https://static.tildacdn.com/lib/linea/930cac0f-758b-b7ee-1eb0-b18fc6e10893/ecommerce_bag.svg') no-repeat center; background-size: contain; } .js-store-relevants-grid-cont .js-product [href="#order"] tr td:before { background: url('https://static.tildacdn.com/lib/linea/930cac0f-758b-b7ee-1eb0-b18fc6e10893/ecommerce_bag.svg') no-repeat center; background-size: contain; } </style>
Понравилась модификация?
Если модификация отрабатывает некорректно, не так как указано в описании или названии - пожалуйста сообщите! Можете отправить мне личное сообщение в Telegram или воспользоваться формой обратной связи.

Отблагодарить монеткой

Вы можете выразить благодарность, выбрав один из вариантов ниже
С каждой благодарности я покупаю вкусняшку своему франц. бульдогу

100 руб

250 руб

400 руб

Код скопирован в буфер обмена 🔥
Made on
Tilda