Я добавляю кнопку после добавления в корзину кнопки, используя этот крючок:
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 вашей активной дочерней темы или темы.
Затем вам придется заменить (в коде) правильный путь ссылки, имя кнопки и тему slug для:
'/my_page_slug/' "My text button" "my_theme_slug" Это должно сработать.
Этот раздел выходит из вашего вопроса, и речь идет о стилизации вашей кнопки:
Возможно, вам нужно будет добавить некоторые пользовательские правила CSS в файл style.css, расположенный в вашей активной дочерней теме или теме, для стиля оформления вашей пользовательской кнопки (используйте вместо этого «btn» класс «btn-atc») :
/* 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; }