首页 > 解决方案 > 如何在 WooCommerce 中的“添加到购物车”按钮旁边添加查看产品详细信息按钮链接?

问题描述

WooCommerce 档案页面中添加到购物车按钮下方“添加”查看产品“按钮”答案代码允许在存档页面上的添加到购物车按钮下方显示一个额外的“查看产品”按钮。

如何让这个附加按钮显示在添加到购物车按钮(不在下方)旁边?

图片在这里!

任何帮助表示赞赏。

标签: phpwordpresswoocommerce

解决方案


在活动主题的 functions.php 中添加以下代码片段 -

add_action('woocommerce_loop_add_to_cart_link', 'add_a_custom_button', 99, 3 );
function add_a_custom_button( $add_to_cart_button, $product, $args = array() ) {
    if( $product->is_type('variable') || $product->is_type('grouped') ) return $add_to_cart_button;
    $custom_button = '<a class="button primary is-outline mb-0 is-small" style="margin-left: 5px !important;" href="' . esc_attr( $product->get_permalink() ) . '">' . __('DETAIL PRODUCT') . '</a>';
    return $add_to_cart_button . $custom_button;
}

推荐阅读