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

Пользователь

от urban_will , в категории: JavaScript , 8 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от narciso , 8 месяцев назад

@urban_will 

Если вы хотите передать id товара WooCommerce в jQuery, вам нужно использовать атрибут данных (data-attribute) для сохранения этого id. Вы можете использовать функцию wp_get_post_parent_id() для получения id родительского товара, если у вас есть дочерний товар.


Для примера, допустим, вы хотите получить id товара при клике на кнопку "Добавить в корзину":


HTML-разметка в WooCommerce:

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


jQuery-скрипт:

1
2
3
4
5
6
7
jQuery(document).ready(function($) {
  $('button.add-to-cart-button').click(function() {
    // Получим id товара из атрибута data
    var product_id = $(this).data('product-id');
    console.log(product_id); // Выведем id товара в консоль
  });
});


Вы также можете передать id товара в AJAX-запросе, чтобы добавить товар в корзину без перезагрузки страницы.