Добавьте кнопку после добавления в корзину и перенаправьте ее на какую-то пользовательскую ссылку в WooCommerce

Я добавляю кнопку после добавления в корзину, используя этот хук:

add_action( 'woocommerce_after_add_to_cart_button', array($this, 'add_button'));

Но когда я нажимаю на эту кнопку, она выполняет функцию добавления в корзину.

Как настроить ссылку на эту кнопку (на другую страницу)?

Заранее спасибо.

-3

Решение

Вам нужно использовать woocommerce_after_add_to_cart_button подключите этот способ, чтобы получить то, что вы ожидаете:

add_action( 'woocommerce_after_add_to_cart_button', 'add_custom_button', 10, 0 );
function add_custom_button() {
$my_custom_link = home_url('/my_page_slug/');
echo '<a class="btn-atc" href="' . esc_url( $my_custom_link ) .'">' . __( "My text button", "my_theme_slug" )  . '</a>';
};

Вставьте этот фрагмент кода в файл function.php вашей активной дочерней темы или темы.

Затем вам придется заменить (в коде) правильный путь ссылки, название кнопки и тему темы для:

  • '/my_page_slug/'
  • "My text button"
  • "my_theme_slug"

Это должно работать.


Этот раздел вне вашего вопроса, и о стилизации вашей кнопки:

Возможно, вам потребуется добавить некоторые пользовательские правила CSS в файл style.css, расположенный в вашей активной дочерней теме или теме, для стилизации внешнего вида вашей пользовательской кнопки. (Используйте класс «btn-atc» вместо «btn»):

/* Based on your comment */

a.btn-atc {
background-color: #eee !important;
border: 2px solid #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 20px;
font-weight: 500;
line-height: 1.7em !important;
margin-left: 5px;
margin-top: -5px;
position: relative;
padding: 0.3em 1em;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
a.btn-atc:hover {
background-color: #666 !important;
color: #fff !important;
}
4

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]