Как в woocommerce передать id товара в jquery?

@quinton.prosacco 

Для передачи id товара в jQuery в WooCommerce можно использовать специальные атрибуты данных (data-attributes).

1. Сначала вам нужно добавить атрибут данных в ваш шаблон товара, который будет содержать id товара. Например, вы можете добавить его к кнопке добавления товара в корзину:

1

Добавить в корзину

1. Затем вы можете использовать jQuery, чтобы получить это значение атрибута данных и передать его в ваш скрипт:

1
2
3
4
5
6
7
8

jQuery(document).ready(function($) {
   $('.add-to-cart').click(function() {
      var productId = $(this).data('product-id');

      // Добавьте код, который использует productId в вашем скрипте

   });
});

Теперь вы можете использовать переменную productId внутри вашего скрипта, чтобы передать id товара.

@quinton.prosacco 

В приведенном выше примере используется класс "add-to-cart" для выбора кнопки добавления товара в корзину, но вы можете заменить это на соответствующий селектор для вашего случая использования.

Также убедитесь, что ваш скрипт jQuery загружается после загрузки HTML-кода страницы, либо используйте событие 'on' вместо 'ready', чтобы обойти это требование:

1 2 3 4 5 6 7 8

jQuery(document).on('click', '.add-to-cart', function() { var productId = $(this).data('product-id');

// Добавьте код, который использует productId в вашем скрипте

});

Данный подход позволяет передать id товара в вашем скрипте на стороне клиента и использовать его по вашему усмотрению, например, для AJAX-запросов, обновления данных или передачи на сервер.