Перейти к основному содержанию

Обзор

Эта кастомизация предотвращает добавление нескольких апселлов сразу, скрывая секцию апселлов, как только один апселл принят. Как только апселл удаляется, модуль появляется снова. Это полезно, если вы хотите:
  • Упростить работу с корзиной
  • Снизить усталость от принятия решений
  • Сохранить эксклюзивность определённых предложений

Как это работает

  • Когда покупатель принимает апселл, секция апселлов скрывается
  • Если товар-апселл удаляется, секция апселлов снова становится видимой
  • Работает как с апселлами на основе ИИ-рекомендаций, так и с ручными апселлами

Куда добавить код

  1. Перейдите в Upcart > Cart Editor > Settings > Custom HTML
Приведённый ниже селектор — только для версии 1. .upcart-upsells-module относится к карусели апселлов V1. Если ваш модуль Upsells на версии 2, замените его на .upcart-public-upsell во всех трёх обработчиках — остальная часть скрипта не меняется. См. библиотеку CSS-селекторов V2.
  1. Вставьте следующий код в область Above announcements/rewards

HTML-скрипт для копирования

Примечание об устаревшем API: обратные вызовы window.upcartOnItemRemoved, window.upcartOnAddUpsell и window.upcartOnCartLoaded всё ещё работают, но считаются устаревшими и выводят предупреждения в консоль. Используйте upcartSubscribeItemRemoved, upcartSubscribeUpsellsAddedToCart и upcartSubscribeCartLoaded для всех новых скриптов.

Результат

После добавления этой кастомизации:
  • Покупатели видят апселлы только если ещё не приняли один из них
  • Модуль апселлов скрывается, как только апселл добавлен
  • Модуль автоматически появляется снова, если товар-апселл удалён
  • Не нужно настраивать ID товаров или теги
Это делает работу с апселлами сфокусированной, ненавязчивой и удобной для покупателей.

Всё ещё нужна помощь?

Для более сложной кастомизации мы рекомендуем обратиться к эксперту Shopify. Он поможет с HTML, CSS и JavaScript внутри вашей выдвижной корзины. Найти экспертов Shopify