Настройка кнопки "Добавить в корзину" в WooCommerce

WooCommerce кнопка добавить в корзину

В WooCommerce кнопка "Добавить в корзину" отвечает за добавление товара в корзину пользователя на странице товара или каталога. Если вы хотите настроить или изменить эту кнопку, есть несколько подходов:

1. Изменение текста кнопки

Вы можете изменить текст кнопки с помощью кода, добавленного в файл вашей темы functions.php или через плагин для добавления пользовательских функций, например Code Snippets.

Пример кода для изменения текста кнопки:

add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_text_single' ); // На странице товара

add_filter( 'woocommerce_product_add_to_cart_text', 'custom_add_to_cart_text_archive' ); // В каталоге товаров

function custom_add_to_cart_text_single() {
  return __( 'Купить сейчас', 'woocommerce' );
}

function custom_add_to_cart_text_archive() {
  return __( 'В корзину', 'woocommerce' );
}

2. Добавление дополнительных стилей к кнопке

Если вы хотите изменить стиль кнопки, вы можете сделать это с помощью CSS, добавив код в файл style.css вашей темы или используя раздел Дополнительные стили в настройках темы:

Пример стилей для кнопки:

/* Стиль кнопки "Добавить в корзину" */
button.single_add_to_cart_button {
  background-color: #ff6600;
  color: #ffffff;
  border-radius: 5px;
}

Результат:

3. Добавление пользовательской функциональности к кнопке

Если вам необходимо добавить новую функциональность при нажатии на кнопку (например, всплывающее окно или перенаправление), это можно сделать с помощью JavaScript:

Пример JavaScript кода:

jQuery(document).ready(function($) {
  $('.single_add_to_cart_button').on('click', function(e) {
    e.preventDefault();
    // Ваша логика, например, показ модального окна
    alert('Товар добавлен в корзину!');
  });
});

4. Удаление кнопки "Добавить в корзину"

Иногда возникает необходимость полностью убрать кнопку "Добавить в корзину" для определенных продуктов или категорий. Это можно сделать через хуки:

Пример кода для удаления кнопки:

add_action( 'template_redirect', 'remove_add_to_cart_buttons' );

function remove_add_to_cart_buttons() {
  if ( is_product_category('your-category-slug') ) {
    remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
  }
}

Таким образом, вы можете настроить кнопку "Добавить в корзину" под ваши нужды, меняя текст, внешний вид и поведение кнопки.