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

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

Селектор

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

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

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

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

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

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

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

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

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

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