Julia Sememova
Feb 12, 20221 min
Продвигайте товары, основываясь на выборе ваших покупателей. Функционал допродажи в корзине интернет-магазина wix с помощью кода Wix Velo.
В этом примере мы выбираем продукт, который хотим продвигать (допродажа), и добавляем его на страницу корзины. Продукт дополнительной продажи отображается, когда посетители сайта помещают в корзину продукт из той же коллекции. Посетители сайта могут добавить товар в корзину с этой же страницы, не проваливаясь в карточку товара.
На странице корзины мы добавили следующие элементы:
Бокс для отображения информации о дополнительном продукте.
3 текстовых элемента для отображения названия продукта, цены и описания
Изображение для отображения изображения продукта
Кнопка "Добавить в корзину"
В бэкэнд модуле cart.jsw мы получаем информацию о корзине текущего посетителя сайта.
На странице корзины делаем следующее:
Определяем переменную, содержащую информацию о дополнительном продукте.
Первоначально мы скрываем поле допродажи.
В коде используется внутренняя функция для получения информации о текущей корзине.
Мы проверяем, находится ли продукт допродажи в настоящее время в корзине, сравнивая идентификатор этого продукта с каждым идентификатором продукта элемента корзины.
Если товара допродажи нет в корзине, мы получаем информацию о продукте допродажи из коллекции Stores/Products и отображаем информацию в поле допродажи.
Мы устанавливаем обработчик событий, который запускается, если посетитель сайта нажимает кнопку «Добавить в корзину».