Skip to main content

Обзор

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

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

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

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

  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