У меня есть доступ к странице оформления заказа в Shopify Plus, и мне нужно добавить новое поле в форму.Однако, когда пользователь добавляет новый «Код скидки», Shopify делает запрос API, который я не могу контролировать, и заменяет форму извлеченными данными (возвращаемыми в виде HTML).Это приводит к тому, что мой новый добавленный элемент удаляется при каждом выполнении этого запроса API.
Я пытался прослушивать изменения DOM с помощью MutationObservers, но это не делает то, что я ищу.
В качестве альтернативы я подумал, можно ли проверить, были ли выполнены запросы API, сделанные Shopify, чтобы я мог повторно добавить элемент формы?
Это две функции, которые мне нужно запустить, чтобы добавить новые поля формы через JS:
// Append new CHECKBOX
addNewCheckbox({ contactInfo, logged: customerId })
// Update Labels
updateLabels(contactInfo)
Возможное решение: Проверка, есть ли на страницеизменяется с MutationObserver
Таким образом, я могу проверить, была ли форма обновлена, а затем повторно применить мои настраиваемые поля обратно в форму