как в woocommerce изменить кнопку добавить в корзину ?

При установке woocommerce не хватает множества функционала.  Для простого решения изменения кнопки добавить корзину за 5 минут  можно воспользоваться следующим плагином или функцией:

Добавление кода в файл функций

в карточке товара:

add_filter( 'add_to_cart_text', 'woo_custom_single_add_to_cart_text' );                // < 2.1
add_filter( 'woocommerce_product_single_add_to_cart_text', 'woo_custom_single_add_to_cart_text' );  // 2.1 +
  
function woo_custom_single_add_to_cart_text() {
  
    return __( 'My Button Text', 'woocommerce' );
  
}

в каталоге товаров:

add_filter( 'add_to_cart_text', 'woo_custom_product_add_to_cart_text' );            // < 2.1
add_filter( 'woocommerce_product_add_to_cart_text', 'woo_custom_product_add_to_cart_text' );  // 2.1 +
  
function woo_custom_product_add_to_cart_text() {
  
    return __( 'My Button Text', 'woocommerce' );
  
}

Через установку плагина

  1. Нужно установить плагин Booster for WooCommerce
  2. Зайти в настройки магазина –> Booster Settings   –>  появятся модули – листаем вниз доходя до Ценовые и Кнопочные Этикетки –> жмем настроить    –> жмем включить модуль  –> По-продуктовые этикетки тоже ставим галочку,  включить раздел.
  3. Меняем Add to cart на свое значение например – в корзину 
  4. Сохраняем.

woomcommerce-add-to-cart

 

Поделись с друзьями:
как в woocommerce изменить кнопку добавить в корзину ?: 6 комментариев
  1. Спасибо, очень помогло!
    На других ресурсах код вставки в фанкшн был с ошибкой, у вас работает корректно!

  2. Здравствуйте. У меня кнопка “В корзину” есть, но она появляется только при нажатии на корзину. Когда просто просматриваю товар в категории и открываю его подробнее, ее нет. Подскажите, что сделать. Это мой первый пробный интернет-магазин и я по ходу “чайник”)))

    1. allwp:

      1. у вас неправильные стили.
      2. у вас неправильный шаблон
      3. возможно включен режим каталог. где нет кнопок в корзину

  3. Ден:

    Спасибо, супер!
    Все работает)))

  4. Павел:

    Здравствуйте! скажите а можно сделать так, чтоб когда надпись на кнопке меняется когда товар закончился из “в корзину” на “подробнее” изменялся и цвет кнопки. (в корзину зеленый,а подробнее красный).

    1. allwp:

      Да такое возможно. Это делается с помощью js или jquery, в общем вариантов много.. вам нужен разработчик, вот пример реализации, того что вам нужно https://codepen.io/Shmishtopher/pen/PNrbgd

Добавить комментарий

* Все комментарии проходят модерацию