Добавить & quot; Просмотреть товар & quot; кнопка внизу добавить в корзину кнопка на страницах архивов WooCommerce
Большинство статей в Интернете о Как удалить / заменить кнопку «Просмотр продукта» или «Подробнее».
Я не смог найти что-то связанное с тем, чтобы обе кнопки работали вместе.
Я заинтересован в том, чтобы обе кнопки работали параллельно (одновременно).
Первая кнопка для отображения должна бытьПосмотреть продукт«(откроется на той же странице), а затем внизу»добавить в корзину«
На данный момент мой магазин отображает только Добавить в корзину кнопка.
Я использую тему Storefront (+ пользовательская дочерняя тема).
Кто-нибудь будет так добр и скажет мне, как это сделать?
Решение
Используйте эту пользовательскую функцию, подключенную woocommerce_after_shop_loop_item Хук действия, чтобы добавить свою пользовательскую кнопку, связанную с продуктом:
add_action('woocommerce_after_shop_loop_item', 'add_a_custom_button', 5 );
function add_a_custom_button() {
global $product;
// Not for variable and grouped products that doesn't have an "add to cart" button
if( $product->is_type('variable') || $product->is_type('grouped') ) return;
// Output the custom button linked to the product
echo '<div style="margin-bottom:10px;">
<a class="button custom-button" href="' . esc_attr( $product->get_permalink() ) . '">' . __('View product') . '</a>
</div>';
}
Код помещается в файл function.php вашей активной дочерней темы (или темы) или также в любой файл плагина.
Проверено и работает.
Встраивание ваших стилей (связано с комментариями автора):
add_action('wp_head', 'custom_button_styles', 9999 );
function custom_button_styles() {
if( is_shop() || is_product_category() || is_product_tag() ):
// The styles
?>
<style>
.button.custom-button { background-color: white !important;
color: black !important; border: 2px solid #4CAF50 !important; }
.button.custom-button:hover { background-color: black !important;
color: white !important; border: 2px solid black !important; }
</style>
<?php
endif;
}
Код помещается в файл function.php вашей активной дочерней темы (или темы) или также в любой файл плагина.
Проверено и работает.
Другие решения
Других решений пока нет …