Я создаю многошаговую форму на странице продукта Shopify, используя Javascript. Для добавления дополнительных опций к продукту я использую приложение BOLD Options 2 Shopify. Каждый шаг в форме устанавливает варианты Shopify и BOLD Options продукта с событием onclick.
function selectFormElement(id, valueToSelect){
var theBox = document.getElementById(id);
for (var i = 0; i < theBox.options.length; i++) {
if (theBox.options[i].value == valueToSelect) {
theBox.options[i].selected = true;
return;
}
}}
Устанавливает значение HTML, но все варианты и опции возвращаются к своим значениям по умолчанию при добавлении в корзину. Изучив проблему, я обнаружил, что вам нужно вызвать событие «option_changed», чтобы приложение BOLD Options распознало изменение. Я нашел список событий BOLD Option https://github.com/bold-commerce/Product-Options/wiki/Events. Используя это как ссылку, я все еще не смог получить событие для запуска.
BOLD.options.app.emit('option_changed', { id: valueToSelect });
Есть идеи, что я делаю не так?