Корзина в Тильде: добавление, настройки

🗓️ Обновлено: 31.08.2021
💬Комментариев: 0
👁️Просмотров: 2412
web

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

Тильда позволяет работать с корзиной как для сайтов с большим ассортиментов товаров, так и для продажи отдельных товаров на лендингах (в этом случае корзина нужна для количества товара).

В этой статье разберем основные технические моменты по добавлению корзины к сайту на Тильде и дальнейшей ее настройки.

Добавление корзины в Тильде

Вам нужен блок ST100 (Корзина), который можно найти Все блоки -> Магазин:

Добавить его можно к одной или нескольким страницам сайта. Либо, если таких страниц много, рекомендую добавить корзину в Header или Footer сайта.

Теперь вам нужно добавить блок с карточками товара. Причем это может быть или карточка одного товара, или список из нескольких товаров в одном блоке. Найти их можно в том же разделе, где лежит Корзина — Все блоки -> Магазин:

ВАЖНО!!! Вы можете подключить корзину к любой кнопке, тексту или картинку на сайте. Для этого вам нужно вставить ссылку (в кнопку, текст или изображение) с такими параметрами:

#order:Название товара =2000

(Название товара — название вашего товара, а 2000 — его цена)

Теперь опубликуйте все страницы. Корзина уже готова к работе. Дальше давайте рассмотрим важные настройки корзины

Настройка корзины Тильды

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

Список возможных изменений настроек корзины:

Статья была полезной?
👍
Да - 1
👎
Нет - 14
💬Комментарии:

CSS Головоломки в Telegram
Подписывайся и не пропускай:
Актуальные новости
Интересные задачки
Полезные подборки
Наш рейтинг
🏆Лучший хостинг для сайта
9/10
8/10
8/10
4
8/10
8/10
7/10
7/10
Что читают?
🏆Популярные записи
Как сделать гамбургер (бургер) меню — готовый код и подробное объяснение
Просмотров: 43505
Появление элементов при скролле
Просмотров: 33722
Как сделать плавное увеличение картинки при наведении — эффект на чистом CSS
Просмотров: 30121
Как выровнять картинку по центру с помощью CSS
Просмотров: 22109
Как изменить цвет SVG в CSS
Просмотров: 20368
Проверка знаний
🤔Хорошо ли вы знаете CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили:

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}
    
10px
20px
30px
Viva Magenta
🤔Цвет 2023 года
Исследовательский институт Pantone выбрал главный цвет 2023 года. Им стал карминово-красный оттенок с фиолетовым подтоном, который назвали Viva Magenta.
#bb2649