最新公告

    Sorry, no posts matched your criteria.

WooCommerce购物按钮下方添加一个按钮

作者 : 黑域吧 本文共644个字,预计阅读时间需要2分钟 发布时间: 2020-07-2 共822人阅读

很多外贸建站的朋友都使用的 WooCommerce 这个插件来做产品系统,而一些 2b 的网站希望在产品界面添加一个联系按钮或者询盘按钮,前面给大家介绍过几款询盘按钮插件,本文给大家分享一下如何使用代码在 WooCommerce 的购物车按钮下方添加一个自定义按钮。

使用方法:

复制下面的代码,粘贴到你主题的函数文件 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: #111;
    background-color: rgba(0,0,0,0.1);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #009688;
    padding: 10px;
}
提示:
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!邮箱:(332547532@qq.com)
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务 请大家谅解!
5. 如有链接无法下载、失效或广告,请点击右下方联系站长,可领回失去的金币,并额外有奖!
6. 如遇到加密压缩包,默认解压密码请在"下载框架提示方寻找",如遇到无法解压的请联系管理员!
黑域吧资源网 » WooCommerce购物按钮下方添加一个按钮

发表评论

现在加入黑域吧资源网,