Как переименовать кнопки «Моя учетная запись» и «Корзина» в woocommerce / wordpress?

Question

Я хочу изменить названия этой кнопки на что-то другое, но просто изменить имя страницы не получится.

Кнопки, которые я хочу изменить на

Answer 1

На скриншоте кажется, что вы пытаетесь изменить текст ссылки меню (Моя учетная запись). Если это так, убедитесь, что вы не указали произвольное имя для страницы «Моя учетная запись» в навигации Wordpress.

Проверьте страницу с помощью инструментов разработчика и найдите Class / Id этого элемента. Затем вы можете использовать jQuery для изменения содержимого с помощью приведенного ниже кода.

Использование селектора идентификаторов:

jQuery(document).ready(function($) 
{
$("#myaccountbuttonId").text("New Button Text");
});

Использование селектора классов

jQuery(document).ready(function($) 
{
$(".myaccountbuttonClass").text("New Button Text");
});

Если вы хотите изменить текст кнопки «Добавить в корзину», используйте следующий код.

// To change add to cart text on single product page
add_filter( 'woocommerce_product_single_add_to_cart_text', 'woocommerce_custom_single_add_to_cart_text' ); 

function woocommerce_custom_single_add_to_cart_text() {
    return __( 'Buy Now', 'woocommerce' ); 
}

// To change add to cart text on product archives(Collection) page
add_filter( 'woocommerce_product_add_to_cart_text', 'woocommerce_custom_product_add_to_cart_text' );  

function woocommerce_custom_product_add_to_cart_text() {
    return __( 'Buy Now', 'woocommerce' );
}

Answer 2

Найдите Id или класс этого элемента и используйте jQuery для изменения имени.

Если элемент является тегом привязки, используйте следующий код.

jQuery(document).ready(function($) 
{
$("#button_id").text("New Text");
});

Если элемент является кнопкой, используйте код ниже, в зависимости от типа кнопки.

<input type='button' value='Add' id='button_id'>
jQuery(document).ready(function($) 
    {
$("#button_id").attr('value', 'New Text'); 
}):

<input type='button' value='Add' id='button_id'>
jQuery(document).ready(function($) 
    {
$("#button_id").prop('value', 'New Text'); 
});
<!-- Different button types-->

<button id='button_id' type='button'>Add</button>
jQuery(document).ready(function($) 
    {
$("#button_id").html('New Text');
});