Расширение темы Shopify
Включите глобальное встраивание приложения и настройте отображение виджетов на витрине Shopify.
Расширение темы Shopify
Встраивание приложения Umbrella в тему подключает основной скрипт, на котором работают все гарантийные виджеты вашей витрины. После его включения Umbrella берёт на себя всё остальное — размещать виджеты вручную не нужно.
Включение глобального встраивания приложения
- Откройте Админка Shopify → Интернет-магазин → Темы и нажмите Настроить у активной темы
- Нажмите значок Встраивания приложений (кусочек пазла) на левой боковой панели
- Найдите Umbrella и включите переключатель
- Нажмите Сохранить
Здесь отображается виджет, когда он включён
Настройка виджета PDP
Виджет выбора гарантии на страницах товаров (PDP) полностью управляется из панели управления Umbrella, а не из редактора темы Shopify.
Когда глобальное встраивание приложения включено, а виджет PDP активирован в панели управления Umbrella, варианты гарантии автоматически появляются на страницах товаров. Виджет показывает варианты гарантии перед кнопкой «Добавить в корзину» и не изменяет код вашей темы.
Что показывает виджет
Виджет PDP показывает:
- Название и логотип гарантийного плана вверху
- Описание защиты со ссылкой «Подробнее»
- Доступные уровни гарантии (например, «Базовая, 1 год», «Премиум, 2 года») в виде вариантов для выбора
- Динамические цены, которые обновляются, когда покупатель меняет вариант товара
Виджет автоматически определяет текущий товар и вариант. На страницах самих гарантийных товаров он не появляется.
Как это работает
Глобальное встраивание приложения добавляет JavaScript Umbrella на каждую страницу. Когда покупатель открывает страницу товара, скрипт ищет подходящие гарантийные планы и отображает виджет. Чтобы виджет появился, должны быть активны и встраивание в тему, и настройка виджета PDP.
Параметры отображения виджета (встроенный, модальный или индивидуальный режим, автовыбор, собственные шаблоны) задаются в разделе Настройки → Оформление → Виджет PDP панели управления Umbrella.
Устранение неполадок
| Проблема | Решение |
|---|---|
| Виджет не появляется на страницах товаров | Убедитесь, что глобальное встраивание приложения включено в редакторе темы, а также что виджет PDP включён в разделе «Настройки → Оформление → Виджет PDP» |
| Виджет появляется на страницах гарантийных товаров | Убедитесь, что у гарантийных товаров указан тип «warranty» |
| Цены не обновляются при смене варианта | Обновите страницу; проверьте, что глобальное встраивание приложения активно |
| Виджет появляется, но вариантов в нём нет | Убедитесь, что гарантийные планы активны и что товар удовлетворяет условиям соответствия |
| Стили конфликтуют с темой | Используйте собственные шаблоны виджета в разделе «Настройки → Оформление», чтобы привести его в соответствие с дизайном темы |
См. также
- Интеграция с Shopify — общая настройка подключения к Shopify
- Создание гарантийных планов — настройте планы, которые показываются в виджете
- Расширения оформления заказа Shopify — варианты гарантии при оформлении заказа
