Документация

Селектор и место вставки

Селектор

«CSS селектор в оформление заказа» — адрес элемента на странице оформления, рядом с которым появится блок проверки. По умолчанию #bx-soa-orderSave: в стандартном шаблоне это блок с кнопкой «Оформить заказ».

Селектор пишется как в CSS: #bx-soa-orderSave — по идентификатору, .my-order-submit — по классу. Берётся первый подходящий элемент на странице.

Значение по умолчанию подходит стандартному шаблону оформления. Своя вёрстка — свой селектор: откройте оформление, найдите в инструментах разработчика блок с кнопкой отправки и возьмите его идентификатор или класс.

Выбирайте элемент, который живёт столько же, сколько страница оформления. Блок, появляющийся только на последнем шаге, приведёт к тому, что проверка не отрисуется на первых шагах.

Место вставки

Значение Куда встанет блок
Перед началом тэга перед выбранным элементом, снаружи
После начала тэга внутри элемента, первым потомком
Перед закрытием тэга внутри элемента, последним потомком
После закрытия тэга после выбранного элемента, снаружи

Значение по умолчанию — «После начала тэга»: блок проверки встаёт внутри блока с кнопкой, над ней.

Выбор влияет только на внешний вид. Если проверка накрыла кнопку или уехала за край, начните с перебора этих четырёх значений, а отступы добавьте своими стилями на вкладке «Общие настройки».

Если блок не появился

  • Селектор не нашёл элемент — проверьте его в инструментах разработчика на самой странице оформления, а не на карточке товара.
  • Блок появляется и сразу пропадает — выбранный элемент пересоздаётся при перерисовке шага; возьмите родительский элемент, который остаётся на месте.
  • Ничего не происходит вовсе — включите отладку в браузере на вкладке «Общие настройки»: модуль пишет в консоль каждую попытку вставки.