Блог

В Woocommerce, когда я нажимаю на кнопку добавить в корзину на отдельных страницах товара, товар успешно добавляется в корзину. Теперь, как только товар добавлен в корзину (после перезагрузки страницы) Я хотел бы запустить отображение для ОФОРМЛЕНИЯ ЗАКАЗА и УВИДЕТЬ, как в окне появляются кнопки КОРЗИНЫ.

Следующий код отлично работает с AJAX ДОБАВИТЬ В КОРЗИНУ, но не для ЕДИНОГО ДОБАВЛЕНИЯ В КОРЗИНУ, поскольку он не поддерживает ajax:

 $( document.body ).on( 'added_to_cart', function(){
    console.log('added_to_cart');
}); 
  

Как я мог бы заставить это работать для не ЕДИНОГО ДОБАВЛЕНИЯ В корзину?

Ajax добавить в корзину (работает): https://test.sushi2500.dk/takeaway/nigiri-laks /
Единое добавление в корзину (не работает):https://test.sushi2500.dk/takeaway/maanedstilbud /

Обновление ноябрь 2020

• Проверьте элементы корзины, чтобы убедиться, что товар был добавлен в корзину.
• Обработка большего количества данных о продукте, вариантах продукта и их атрибутах.

На странице отдельного товара, поскольку данные передаются в форме с использованием метода «post» (без использования JS / AJAX), вы можете определить событие «добавлено в корзину», используя $_POST переменные PHP, таким образом:

 add_action('wp_footer', 'single_added_to_cart_event');
function single_added_to_cart_event()
{
    if( isset($_POST['add-to-cart']) amp;amp; isset($_POST['quantity']) ) :

    // Get added to cart product ID (or variation ID) and quantity (if needed)
    $id_to_check   = isset($_POST['variation_id']) ? esc_attr($_POST['variation_id']) : esc_attr($_POST['add-to-cart']);
    $product_id   = isset($_POST['variation_id']) ? esc_attr($_POST['variation_id']) : esc_attr($_POST['add-to-cart']);
    $variation_id  = isset($_POST['variation_id']) ? esc_attr($_POST['variation_id']) : 0;
    $quantity      = esc_attr($_POST['quantity']);
    $found_in_cart = false; // Initializing

    // Check cart items to be sure that the product has been added to cart (and get product data)
    foreach( WC()->cart->get_cart() as $item ) {
        $product = $item['data']; // The WC_Product Object
        if( $product->get_id() == $id_to_check ) {
            $product_name = $product->get_name(); // Product name
            $sku          = $product->get_sku(); // Product sku
            $type         = $product->get_type(); // Product sku
            $price        = wc_get_price_to_display($product); // Product price for display
            $stock_qty    = $product->get_stock_quantity(); // Product sku
            $stock_status = $product->get_stock_status(); // Product sku
            $attributes   = $variation_id > 0 ? json_encode($product->get_attributes()) : "''";

            $found_in_cart = true;
            break; // Stop the loop
        }
    }


    if( $found_in_cart ) :

    // The displayed message (example)
    if ( $variation_id > 0 ) {
        $message = sprintf( __('Product "%s" has been added to cart. rnProduct type: %s rnProduct price: %s rnProduct_id: %s rnVariation_id: %s rnQuantity: %s'),
            $product_name, $type, $price, $product_id, $variation_id, $quantity );
    } else {
        $message = sprintf( __('Product "%s" has been added to cart. rnProduct type: %s rnProduct price: %s rnProduct_id: %s rnQuantity: %s'),
            $product_name, $type, $price, $product_id, $quantity );
    }

    // JS code goes here below
    ?>
    <script>
    jQuery(function($){
        // All product data
        var product_id   = <?php echo esc_attr($_POST['add-to-cart']); ?>,
            variation_id = <?php echo $variation_id; ?>,
            quantity     = <?php echo $quantity; ?>,
            attributes   = <?php echo $attributes; ?>,
            name         = '<?php echo $product_name; ?>',
            type         = '<?php echo $type; ?>',
            sku          = '<?php echo $sku; ?>',
            price        = '<?php echo $price; ?>',
            stock_qty    = '<?php echo $stock_qty; ?>',
            stock_status = '<?php echo $stock_status; ?>',
            message      = '<?php echo $message; ?>';

        console.log(message);
        if ( variation_id > 0 ) console.log(attributes);

        alert(message);
    });
    </script>
    <?php
    endif; endif;
}
  

Код отправляется в function.php файл вашей активной дочерней темы (или active theme).

Протестировано и работает для страниц отдельных продуктов (или при использовании [product_page id="99"] шорткода, подобного).

Вы можете использовать код в шаблоне, в пользовательской функции (или в пользовательском коротком коде).

 $( document.body ).on( '.wc-variation-selection-needed', function(){

      console.log('added_to_cart');

}); 
  

Попробуйте это

Я полагаю, что при таком подходе вы сможете легко запускать added_to_cart событие на отдельных страницах, избегая проблемы его непреднамеренного запуска, если товар не был добавлен в корзину, например, если он не был проверен woocommerce_add_to_cart_validation фильтром.

Вы можете передать любые другие аргументы событию из woocommerce_add_to_cart перехвата, такие как идентификатор продукта, количество, идентификатор варианта и т.д.

Если added_to_cart событие вам не подходит, вы можете запустить свое собственное пользовательское событие, если хотите.

 add_action( 'woocommerce_add_to_cart', 'trigger_single_added_to_cart_event', 10, 6 );
function trigger_added_to_cart_event_in_single_product_page() {
    $params = func_get_args();
    add_action( 'wp_footer', function () use( $params ) {
        ?>
        <script>
            jQuery(function ($) {
                $(document.body).trigger({
                    type: 'added_to_cart',
                    product_id:<?php echo esc_attr( $params[1] ) ?>,
                    quantity:<?php echo esc_attr( $params[2] ) ?>
                });
            }); 
        </script>
        <?php
    } );
}