настройка продукта woocommerce с помощью js

Я полный нуб в кодировании чего-либо для сети, поэтому заранее прошу прощения, если мой вопрос не имеет никакого смысла.

Я пытаюсь создать настраиваемый продукт с WP / WC.

Для этого я перенаправляю на страницу «Настройка», где выполняется сценарий JS для обработки всех настроек (он основан на перетаскивании).

После завершения настройки я хотел бы экспортировать все данные (я думал о json) вместе с продуктом и получить их после завершения заказа.

Для этого я создал дочернюю тему (storefront-child) и добавляю в function.php дочерней темы

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

запустить мое приложение для настройки. (здесь нет проблем)

Для HTML-страницы, я использую

/* Add the html for the customization page. */
add_action( 'the_content', 'post_my_content' );

который добавляет содержимое страницы настройки

В этом файле я добавил шорткод

            <div id="add_to_cart">
<?php echo do_shortcode( '[add_to_cart id=36]' ) ?>
</div>

для добавления в корзину WC утилита.

Все работает (ну … мой компьютер еще не растаял)

Но моя проблема в том, когда мне нужно отправить все данные, сделанные с помощью приложения для настройки, в WC.

Я пытался создать переменный продукт (https://docs.woocommerce.com/document/variable-product/)

но я не вижу, как установить полностью бесплатную вариацию (не предопределенную, так как это определяется настройкой). Кроме того, когда я это делаю, шорткод для кнопки «Добавить в корзину» меняется на «Читать дальше» и перенаправляет на страницу продукта, чтобы выбрать вариант.

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

add_action( 'woocommerce_add_to_cart', 'action_woocommerce_add_to_cart', 10, 3 );

ИЛИ ЖЕ

add_filter('woocommerce_add_cart_item_data','wdm_add_item_data',10,3);

Но, похоже, это не работает (это работает, когда я пытаюсь изменить это через плагин, который добавляет некоторые вещи после добавления в корзину на странице магазина)

Я пытался использовать пользовательский URL на кнопке «Добавить в корзину», но застрял, когда мне нужно установить вариант объекта, так как он невероятно длинный.

Подводя итог, как я могу иметь продукт в WC, который можно настроить с помощью приложения jQuery, которое отображается на странице, отличной от магазина, и отправлять данные настройки в WC таким образом, чтобы я мог получить информацию после размещения заказа?

Извините, если я сделал что-то плохое, это мой первый пост …

Заранее спасибо!