Часто при работе с интернет-магазинами на Тильде возникает задача автоматического добавления товаров в корзину при добавлении определённого товара. Проще говоря, это способ автоматически добавлять дополнительные товары в корзину.
Главные требования к решению — это удобство настройки, простота установки и совместимость с другими моими модификациями для Тильды, такими как промокоды и донаты.
Преимущества данной реализации автоматического добавления дополнительных товаров
1) Основное удобство — это простота настройки, чтобы всё работало корректно. Никаких сложных действий не требуется:
<script>
//Здесь укажите id категории ВСЕ, которая в каталоге тильды идет по умолчанию и её нельзя удалить
var id_all_category = '434145928791';
//ЗДЕСЬ УКАЖИТЕ ID ТОВАРА С КОТОРЫМ ИСКОМЫЙ ТОВАР БУДЕТ ДОБАВЛЯТЬСЯ В КОРЗИНУ
var check_tovar_for_dop = [
156523342632,
];
//ЗДЕСЬ УКАЖИТЕ ID ТОВАРА КОТОРЫЙ БУДЕТ ДОБАВЛЯТЬСЯ К НУЖНОМУ ОСНОВНОМУ АВТОМАТИЧЕСКИ, МОЖНО УКАЗЫВАТЬ НЕСКОЛЬКО ДОПОВ ЧЕРЕЗ ЗАПЯТУЮ
var find_tovar_kak_dop = [
896990543782,919096499932,
];
..............
Есть переменные, в которые нужно вписать необходимые значения:
- id_all_category здесь указываем ID категории товаров по умолчанию, обычно это "ВСЕ"
- check_tovar_for_dop здесь указываем ID одного товара, который будет являться ОСНОВНЫМ
- find_tovar_kak_dop здесь указываем ID любого количества дополнительных товаров, которые автоматически добавятся в корзину вместе с основным товаром. Я тестировал добавление до 9 товаров одновременно, и это не замедляло работу сайта.
2) Второе преимущество — код совместим как с обычной всплывающей корзиной, так и с пошаговой, которая может отображаться на весь экран или на отдельной странице.
Где размещать код для магазина на Тильде
На самом деле мест для размещения кода не так много.
1) Если у вас используется сквозная корзина, расположенная в подвале, разместите стандартный HTML-блок с кодом модификации в этом же месте. Учтите, что карточки товаров также имеют свой подвал. Если он общий для каталога и страниц, это не вызовет проблем. Чтобы задать единый подвал для карточек товаров, просто выберите его в настройках.
2) Существует альтернативный способ установки кода. Для этого откройте настройки проекта, перейдите во вкладку "Еще" и в разделе "HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD" нажмите кнопку "Редактировать код".
Далее просто вставляете код, обязательно с тегами <script></script>. Если они в коде есть, то второй раз эти теги указывать не надо.
Демонстрация работы, как добавляются дополнительные товары через модификацию
В видео-демонстрации в качестве основного товара выбраны "Перчатки трикотажные", а в качестве дополнительных товаров, которые автоматически добавляются в корзину на Тильде, — "Рюкзак Inferno" и "Шапка с шерстью". По умолчанию дополнительные товары можно удалить из корзины только при удалении основного товара, но эту настройку можно изменить (подробности в конце статьи). Видео вы можете посмотреть по ссылке.
Теперь то же самое текстом. В коде: указаны (1) id категории товаров по умолчанию, (2) id основного товара и (3) id дополнительных товаров, которые будут автоматически добавляться в корзину вместе с основным. Остальные настройки оставил без изменений.
Далее в каталоге, в товаре "Перчатки трикотажные" нажимаю на кнопку "В корзину"
Далее появилось уведомление, что кроме основного товара, добавились в тильдовскую корзину еще и дополнительные
Согласно настроек по умолчанию. при попытке удалить основной товар, удаляются и дополнительные товары. Смотрите ниже,
Было:
Стало после удаление основного товара
Также по умолчанию, если удалить доп товар, то он снова добавится автоматически, так как основной товар еще находится в корзине. (Это можно регулировать в настройках).
Получить готовое решение для автоматического добавления доп товаров в корзину Тильды
Часто сталкиваюсь с отсутствием реализации сложных технических задач на Тильде, поэтому стремлюсь разрабатывать удобные и легко расширяемые решения
В комплект входят: готовый код, подробная инструкция по установке и настройке параметров, поддержка по общим вопросам, а также обновления кода, так как я постоянно его совершенствую и добавляю новый функционал.
🎓 Получить решение: автоматическое добавление дополнительных товаров в корзину, при добавлении в неё основного товара
Стоимость: 3 500 ₽
Приобрести здесь: https://web4life.ru/dobavlenie-tovara
Как со мной связаться
Если вы не нашли вашего решения в текущей статье. Тогда присылайте ваше ТЗ задание под проект.
Пишите https://t.me/vbalakin или переходите на мой сайт и там можете написать мне в комментариях, оставить запрос через форму, а также получить подарок, буду рад помочь с доработкой.
Дополнительные настройки
//!!!!!! Разрешить удаление доп товаров из корзины
//если стоит false значит из корзины нельзя удалить доп товар, он всегда будет добавляться
//если стоит true значит из корзины можно удалить доп товар
var enable_delete_dop_tovar = false;
//!!!!! Разрешить удаление ОСНОВНОГО товара вместе с ДОП товаром
//если стоит true значит при удалении ОСНОВНОГО товара, будет удаляться и его ДОП товар
//если стоит false значит при удалении ОСНОВНОГО товара, ДОП товар останется в корзине
var enable_delete_all = true;
На текущий момент я реализовал 2 настройки, которые регулируются переменными enable_delete_dop_tovar и enable_delete_all. Изменение осуществляется за счет указания либо true либо false
1) Если переменная enable_delete_dop_tovar = true Значит доп товары, которые добавилсь в корзину вместе с основным товаром, можно удалять. К примеру enable_delete_dop_tovar = true В корзине (см скрин ниже) добавился основной товар (1) и три дополнительных (2).
Так как переменная enable_delete_dop_tovar = true то я могу удалить доп. товар, например «Рюкзак inferno» (см скрин ниже)
Если переменная enable_delete_dop_tovar = false Значит доп товары, которые добавились в корзину вместе с основным товаром, удалить нельзя, при попытке удалить доп товар он автоматически добавится в корзину . После автодобавления, порядок товаров в корзине изменится
2) Теперь про настройки через переменную enable_delete_all
Если переменная enable_delete_all = true значит при удалении основного товара из корзины, удалятся и все его доп товары.
Так вот, если я удаляю товар «Перчатки трикотажные» который основной, то получу вот это
Из корзины удалится и основной товар и его доп товары. Если переменная enable_delete_all = false То такого не произойдет. Удалю основной товар, а его дополнительные останутся в корзине