Настройка виджетов

Обзор настройки виджетов

Umbrella предоставляет 12 типов виджетов, которые определяют, как варианты гарантии отображаются в витрине, корзине, при оформлении заказа и на страницах статуса заказа. У каждого есть свой шаблон и свои параметры.

Типы виджетов

Режимы отображения

Расширенная гарантия

Защита доставки

Параметры PDP

• Режим отображения — inline, modal или individual
• Обязательный выбор — требовать решения по гарантии перед добавлением в корзину
• Автовыбор первого варианта — заранее выбирать первый вариант гарантии при загрузке
• Окно при добавлении в корзину — открывать выбор гарантии при нажатии «Добавить в корзину»
• Показывать вариант без покрытия — выводить явный вариант отказа

Пользовательская вставка

• Пользовательский HTML над селектором — HTML-содержимое над выбором гарантии
• Свой селектор вставки — CSS-селектор места размещения виджета
• Позиция вставки — outside-above, inside-top, inside-bottom или outside-below

Параметры корзины

• Скрыть кнопку информации — скрыть кнопку с деталями гарантии
• Скрыть кнопку удаления — скрыть кнопку удаления гарантии
• Скрыть позицию расширенной гарантии в корзине — скрыть строку гарантии (она остаётся в корзине, но не отображается)
• Скрыть ценовой уровень позиции расширенной гарантии — скрыть информацию о ценовом уровне
• Скрыть сведения в позиции расширенной гарантии — скрыть срок и уровень обслуживания
• Добавить к сумме защищённой позиции — включать цену гарантии в стоимость товара
• Отключить действия с позицией гарантии — запретить нажатие на гарантийные позиции
• Скрыть сведения о покрытии — скрыть информацию о том, что покрывается
• Скрыть срок гарантии — скрыть продолжительность
• Скрыть брендинг Umbrella — убрать логотип Umbrella
• Использовать собственный шаблон — использовать собственный HTML-шаблон (см. Шаблоны виджетов)

Параметры статуса заказа

• Скрыть кнопку заявки — скрыть «Подать заявку»
• Скрыть индикатор статуса — скрыть индикатор «Активен / Истёк / Ожидает»
• Скрыть сведения о сроке подачи заявки — скрыть детали срока подачи заявок

Параметры окна статуса заказа

• Скрыть ID полиса — скрыть номер полиса
• Скрыть дату начала / Скрыть дату окончания — скрыть даты покрытия
• Скрыть срок подачи заявок — скрыть информацию о сроке подачи заявок
• Скрыть кнопку просмотра полиса — скрыть ссылку на полную информацию о полисе
• Скрыть кнопку подачи заявки — скрыть кнопку подачи заявки

Параметры защиты доставки

• Режим отображения — checkbox или button-choice
• HTML кнопки оформления — пользовательский HTML для кнопки выбора
• Текст отказа — текст варианта отказа (например, «Нет, спасибо»)

Локализация

Добавьте переводы текстов виджета с помощью вложенного объекта локалей:

{
  "translations": {
    "fr": {
      "addProtection": "Ajouter la protection",
      "fileAClaim": "Deposer une reclamation"
    }
  }
}

См. также

• Шаблоны виджетов — пользовательские HTML-шаблоны и data-атрибуты
• Расширение темы Shopify — виджет PDP через встраивание в тему
• Расширения оформления заказа Shopify — настройки виджетов оформления заказа
• Расширения заказов Shopify — показ виджета на странице статуса заказа