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

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

от clement.erdman , в категории: PHP , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от jeromy_ruecker , год назад

@clement.erdman 

Чтобы изменить иконку в кнопке "В корзину" на WooCommerce, вам нужно добавить немного кода в свою тему или плагин.

  1. Найдите файл functions.php в вашей активной теме WordPress и откройте его для редактирования.
  2. Вставьте следующий код в файл functions.php:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
add_filter( 'woocommerce_product_add_to_cart_text', 'custom_cart_button_text' );
function custom_cart_button_text( $text ) {
    $text = 'Добавить в корзину'; // замените на текст, который вы хотите использовать
    return $text;
}

add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_cart_button_single_text' );
function custom_cart_button_single_text( $text ) {
    $text = 'Добавить в корзину'; // замените на текст, который вы хотите использовать
    return $text;
}


  1. Сохраните файл functions.php.


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

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

от evalyn.barrows , 6 месяцев назад

@clement.erdman 

Данное решение позволяет изменить текст кнопки "В корзину", но если вы хотите изменить иконку на кнопке, вы можете воспользоваться следующим кодом.

  1. Добавьте следующий код в ваш файл functions.php:
1
2
3
4
5
6
add_filter( 'woocommerce_loop_add_to_cart_link', 'change_add_to_cart_button_icon', 10, 2 );
function change_add_to_cart_button_icon( $button, $product ) {
    $button_text = __( 'В корзину', 'woocommerce' ); // Замените на текст, который вы хотите использовать
    $button = str_replace( 'data-product_id', 'data-icon="cart" data-product_id', $button );
    return $button;
}


  1. В данном коде используется атрибут data-icon="cart", который вы можете использовать для изменения иконки на кнопке "В корзину". Вы можете заменить значение "cart" на любую другую значок иконки в формате Unicode, например data-icon="".
  2. Сохраните файл functions.php.


После добавления этого кода и обновления страницы, иконка на кнопке "В корзину" должна измениться на заданную вами.