Как реализовать нестандартное поведение кнопки «Добавить в корзину» в WooCommerce?

Question

[Леонид]

Как в WooCommerce сделать так, чтобы:

- после клика на кнопке с надписью: "Добавить в корзину", надпись на кнопке менялась на "В Корзине"
- при повторном клике товар удаляется из корзины, а надпись снова меня на: "Добавить в корзину"

Может плагины такие есть?

Или если самому писать придется - то какие hook'и woocommerce использовать?

Comments

[Алексей]

"Добавить в корзину" через AJAX работает?

[Леонид]

да

[Алексей]

Леонид, тогда ковыряйте файлы
../plugins/woocommerce/assets/js/frontend/add-to-cart.js
../plugins/woocommerce/assets/js/frontend/add-to-cart-variation.js

[Леонид]

оу нет, спасибо )) я ищу решения без хирургических вмешательств в WooCommerce )

[Алексей]

так и не надо препарировать WooCommerce
на страницу товара например такую форму

<form class="form-add-to-cart">
            <input type="number" class="input-quantity" step="1" min="1" max="" name="quantity" value="1" title="Кол-во" size="4" pattern="[0-9]*" inputmode="numeric">
            <input type="hidden" name="product_id" value="171" />
            <label>
              <input type="submit" />
              <svg><use xlink:href="#icon-cart-plus"></use></svg>
            </label>
          </form>

и в свой main.js:

$('body').on('submit', '.form-add-to-cart', function(){
  var $form = this;
  $.ajax({
    url: woocommerce_params.wc_ajax_url.toString().replace( '%%endpoint%%', 'add_to_cart' ),
    data: {
      action: 'add_to_cart',
      product_id: this.product_id.value,
      quantity: this.quantity.value
    },
    type: "post",
    beforeSend:function(xhr){
      // меняем текст кнопки 
      filter.find('button').text('Processing...'); // changing the button label
    },
    success:function(data){
      // здесь меняете параметры кнопки, после успешного добавления в корзину
    }
  });
  return false;
});

Answer 1

[Дмитрий Васечка]

Как вариант
Проставляешь кнопке при клике

jQuery("button").click(function(e){
e.preventDefault();
});

Потом создаешь js функции (добавить товар и удалить) и ставишь в кнопку onclick="finction_name();". js В функциях можно прописать ajax обращение, а в functions.php прописать уже сами функции добавить/удалить.