之前小编有为大家介绍过《WooCommerce修改购物车按钮文字教程》，但是有些小伙伴反应想要学习在购物按钮下方添加一个按钮，自己不会操作，今天本文就来教大家如何操作，不会的小伙伴赶紧过来学习一下吧！
效果图如上，在购物车按钮的下方添加一个可以自定义按钮文字和链接的按钮。
使用方法：复制下面的代码，粘贴到你主题的函数文件functions.php里面
| add_action( ‘woocommerce_single_product_summary’, ‘my_extra_button_on_product_page’, 30 ); function my_extra_button_on_product_page() { |
保存后，你网站前台就可以看到一个“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; } |
以上就是WooCommerce购物按钮下方添加一个按钮教程介绍，不会的小伙伴学会了吗，后期小编也会继续添加关于WooCommerce相关教程。
推荐：《WooCommerce使用教程》
来源链接：https://www.idcspy.com/woo-21156.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
免责声明：本站发布的内容（图片、视频和文字）以原创、来自本网站内容采集于网络互联网转载等其它媒体和分享为主，内容观点不代表本网站立场，如侵犯了原作者的版权，请告知一经查实，将立刻删除涉嫌侵权内容，联系我们QQ:712375056，同时欢迎投稿传递力量。
Copyright © 2009-2022 56dr.com. All Rights Reserved. 特网科技 特网云 版权所有 特网科技 粤ICP备16109289号
域名注册服务机构:阿里云计算有限公司（万网） 域名服务机构：烟台帝思普网络科技有限公司（DNSPod） CDN服务：阿里云计算有限公司 百度云 中国互联网举报中心 增值电信业务经营许可证B2
建议您使用Chrome、Firefox、Edge、IE10及以上版本和360等主流浏览器浏览本网站
