您当前的位置:首页 > wordpress

怎么在WooCommerce购物按钮下方添加一个询盘按钮?

时间:2025-06-18 11:10:53    来源:    作者:

使用方法:

复制下面的代码,粘贴到你主题的函数文件functions.php里面

add_action( 'woocommerce_single_product_summary', 'my_extra_button_on_product_page', 30 );

function my_extra_button_on_product_page() {
  global $product;
  echo '<a class="naibabutton" href="https://blog.naibabiji.com">Contact us immediately</a>';
}

保存后,你网站前台就可以看到一个“Contact us immediately”的按钮了。不过还没有样式。

自己在主题的css里面自定义.naibabutton的样式就可以了。如果你不会的话,直接复制下面这串代码加进去就可以了。

.naibabutton {
        color:#fff;
        border-radius: 12px 12px 12px 12px;
        padding:10px 30px;     
    background-color: #2783C6;
    border-style: none;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
a.naibabutton:hover{ color:#eee; }
推荐资讯