top of page
  • Julia Sememova

Допродажа продуктов в интернет-магазине wix

Продвигайте товары, основываясь на выборе ваших покупателей. Функционал допродажи в корзине интернет-магазина wix с помощью кода Wix Velo.

Допродажа продуктов в интернет-магазине wix | С этим товаром покупают

Описание

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




Пример кода


Страница Корзины

cart.jsw


Допродажа продуктов в интернет-магазине wix




Элементы страницы

На странице корзины мы добавили следующие элементы:

  1. Бокс для отображения информации о дополнительном продукте.

  2. 3 текстовых элемента для отображения названия продукта, цены и описания

  3. Изображение для отображения изображения продукта

  4. Кнопка "Добавить в корзину"

Код

В бэкэнд модуле cart.jsw мы получаем информацию о корзине текущего посетителя сайта.


На странице корзины делаем следующее:

  1. Определяем переменную, содержащую информацию о дополнительном продукте.

  2. Первоначально мы скрываем поле допродажи.

  3. В коде используется внутренняя функция для получения информации о текущей корзине.

  4. Мы проверяем, находится ли продукт допродажи в настоящее время в корзине, сравнивая идентификатор этого продукта с каждым идентификатором продукта элемента корзины.

  5. Если товара допродажи нет в корзине, мы получаем информацию о продукте допродажи из коллекции Stores/Products и отображаем информацию в поле допродажи.

  6. Мы устанавливаем обработчик событий, который запускается, если посетитель сайта нажимает кнопку «Добавить в корзину».

336 views
bottom of page