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

Текст добавления в корзину WooCommerce по умолчанию является одним из наиболее распространенных изменений, необходимых большинству пользователей WooCommerce, поскольку плагин электронной коммерции используется во всех отраслях. Настройка, необходимая владельцам магазинов WooCommerce или поставщикам услуг, — это настраиваемое сообщение на кнопке призыва к действию вместо текста по умолчанию 'add to cart' . Например, веб-сайт бронирования туров потребует, чтобы текст добавления в корзину был «Забронировать тур» или «Забронировать отпуск».

Настройка WooCommerce

Необходимо несколько изменений WooCommerce, чтобы сделать его полностью индивидуальным решением для электронной коммерции. Ранее мы обсуждали, как изменить ссылку возврата в магазин, как перенаправить после оформления заказа в WooCommerce, как выйти из системы без подтверждающего сообщения и как перенаправить пользователей WooCommerce после успешного входа в систему среди нескольких других потребностей настройки WooCommerce.

Если вы ищете простой и быстрый способ изменить текст добавления в корзину в WooCommerce, этот учебник быстро покажет вам пошаговое руководство. Чтобы сэкономить время, я хотел бы наметить 3 шага, чтобы вы могли быстро их просмотреть:

Шаг за шагом WooCommerce Изменить текст Добавить в корзину

1. Найдите файл функций темы . Найдите файл function.php вашей темы (этот файл темы находится в основной папке активной темы) wp-content/themes/your-theme/functions.php . В качестве альтернативы, этот код можно включить в собственный плагин, и он все равно будет работать. Важно также не забыть сделать резервную копию вашей темы WordPress, прежде чем вы начнете вносить какие-либо изменения. Вы можете использовать FTP или веб-хостинг Cpanel, чтобы найти этот файл в вашей активной теме.
2. Добавьте фильтр с новым текстом . В этот файл functions.php вы добавите хук фильтра, который проверяет текст «добавить в корзину» и заменяет его содержимым, которое вы помещаете в функцию обратного вызова. Вы можете заменить его текстом, например, «Забронировать отпуск» для праздничного веб-сайта или «Купить музыкальный трек» для музыкального веб-сайта и т. д.
3. Таргетинг как на отдельные кнопки, так и на кнопки архива . После добавления кода в файл вы можете обновить его, и изменение текста будет видно на кнопках добавления в корзину. Вы должны добавить фильтр как для кнопки «Добавить в корзину» на отдельной странице, так и на странице архива. Теперь позвольте мне подробно проиллюстрировать и объяснить эти шаги на практическом примере и поделиться с вами кодом для изменения текста добавления в корзину.

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

Как упоминалось в сводке выше, мы можем изменить текст добавления в корзину как для отдельного продукта, так и для страниц архива, используя фильтры, как вы увидите в коде ниже. Мы также можем добавить дополнительную функциональность или логику для конкретного продукта, группы продуктов или типа продуктов.

Текст изменения Woocommerce для одного продукта добавить в корзину

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

 add_filter('woocommerce_product_single_add_to_cart_text', 'custom_woocommerce_button_text'); 

функция custom_woocommerce_button_text () {

return __('Купить комикс', 'текстовый домен');

}

В этом примере я использую тему WordPress по умолчанию Twenty Seventeen и добавил код в файл functions.php, как показано ниже:

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

Как WooCommerce Изменить текст добавить в корзину Код работает

add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_woocommerce_button_text' );

Первая строка кода — это хук-фильтр, который мы добавляем для фильтрации всего контента, публикуемого на странице продукта. Этот фильтр ищет текст кнопки «Добавить в корзину», используя первый параметр woocommerce_product_single_add_to_cart_text .

Второй параметр — это callback function , которая возвращает новый текст, который мы хотим использовать вместо стандартного текста кнопки «Добавить в корзину». Вы можете изменить этот текст на любой текст, который вы предпочитаете, и обновить изменения, чтобы он отображался во всех кнопках на одной странице.

Архивы Woocommerce Изменить текст добавить в корзину

После успешного изменения текста добавления в корзину WooCommerce в отдельном продукте вы увидите, что изменения не применяются к странице архива продукта, как показано на изображении ниже:

Теперь нам нужно добавить еще один фильтр для поиска этого текста на странице архива и изменить его на соответствующий новый текст добавления в корзину. Поэтому мы должны добавить новый фильтр для архивов, используя следующий код:

add_filter('woocommerce_product_add_to_cart_text','custom_woocommerce_archives_text');

Это еще один filter , похожий на предыдущий, который использует первый параметр для проверки текста добавления в корзину. Эти изменения в тексте возвращаются в callback function как показано в полном коде ниже:

 add_filter('woocommerce_product_add_to_cart_text', 'custom_woocommerce_archives_text'); 

функция custom_woocommerce_archives_button_text(){

return __('Купить комикс', 'текстовый домен');

}

Вы также можете использовать одну callback function поскольку они выполняют одну и ту же работу вместо двух; один для отдельного продукта, а другой для архивов. В этом случае у вас будет два хука фильтра и одна функция обратного вызова, как показано в коде ниже:

 //фильтры отдельных продуктов и общих архивов

add_filter('woocommerce_product_single_add_to_cart_text', 'custom_woocommerce_button_text');
add_filter('woocommerce_product_add_to_cart_text', 'custom_woocommerce_button_text');

//функция обратного вызова 

функция custom_woocommerce_button_text(){

return __('Купить комикс', 'текстовый домен');

}

Вывод

Мы рассмотрели все детали того, как изменить кнопку добавления в корзину WooCommerce и текст ссылки. Я уверен, что вы без труда добавите эти фрагменты кода и получите необходимые изменения. Я надеюсь, что эти руководства по WooCommerce будут полезны. Вы можете поделиться со мной своими отзывами или, если вам нужен разработчик WordPress WooCommerce, дайте мне знать