Я добавляю кнопку после добавления в корзину, используя этот хук:
add_action( 'woocommerce_after_add_to_cart_button', array($this, 'add_button'));
Но когда я нажимаю на эту кнопку, она выполняет функцию добавления в корзину.
Как настроить ссылку на эту кнопку (на другую страницу)?
Заранее спасибо.
Вам нужно использовать 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;
}
Других решений пока нет …