Главная  »  WooCommerce  »  Кастомизация кнопки Оформления заказа WooCommerce

Кастомизация кнопки Оформления заказа WooCommerce

Как изменить кнопку Оформления заказа WooCommerce

По умолчанию Вукоммерс не позволяет изменить текст на кнопке Оформить заказ.

Но вы можете сделать изменения с помощью небольшого снипета для файла functions.php.

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

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

Не добавляйте снипеты напрямую в functions.php текущей темы, потому что при следующем обновлении темы этот файл будет заменен на оригинальный.

Если нужно, сделайте бэкап.

Как изменить текст на кнопке Оформить заказ

Вы можете изменить текст на кнопке для всех товаров. Добавьте этот снипет в файл functions.php:

Этот снипет заменит стандартный текст на Продолжить.

Замените текст на свой в строке 4.

Как изменить текст на кнопке Оформить заказ в зависимости от ID товара

Если вы хотите переименовать кнопку Оформить заказ для определенного товара, то вам нужно узнать ID этого товара.

Перейдите в ТоварыВсе товары и наведите мышку на нужный товар.

Как найти ID товара в WooCommerce

Или во фронт-энде с помощью правой кнопки мыши Посмотреть код:

ID товара в WooCommerce во фронт-энде

Добавьте этот снипет в файл functions.php:

Замените ID товара в строке 3 и текст кнопки в строке 5.

Как изменить текст на кнопке Оформить заказ в зависимости от категории

Вы можете изменить текст на кнопке в зависимости от категории товара в Корзине.

Для этого вам нужно найти ярлык категории товара.

Перейдите в ТоварыКатегории и скопируйте ярлык категории.

Ярлык категории товара WooCommerce

Добавьте этот снипет в файл functions.php:

Замените ярлык категории в строке 6 и текст кнопки в строке 12.

Как изменить текст на кнопке Оформить заказ в зависимости от платежного шлюза

Еще одна вещь, которую вы можете сделать — изменить текст на кнопке в зависимости от платежного шлюза, или способа оплаты, который выбирают ваши посетители.

Для этого вам нужно узнать ID платежного шлюза.

Перейдите в WooCommerceНастройкиПлатежи

ID платежного шлюза в WooCommerce

Добавьте этот снипет в файл functions.php:

Замените ID платежного шлюза в строках 3 и 4 и текст на кнопке в строке 4.

Если вы хотите кастомизировать страницу Оформления заказа еще больше, то переходите в Как изменить страницу Оформления заказа WooCommerce.

Читайте также:

  1. Кастомизация кнопки Добавить в Корзину WooCommerce
  2. Как редактировать поля на странице Оформления заказа WooCommerce
  3. Как изменить названия кнопок “Добавить в Корзину”, “Оформить заказ” и “Просмотр корзины” в WooCommerce

Оставляйте комментарии.

Ответить

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Techbear

Сайт для тех, кто хочет использовать Вордпресс по максимуму, но не хочет разбираться в коде.

WordPress   WooCommerce   Membership   Elementor   ACF

Обновления блога

Techbear