GG资源网

WordPress建站教程:给Woocommerce产品页面添加询盘按扭(编辑WordPress的functions.php 文件有哪些注意事项呢?)

WordPress建站教程:给Woocommerce产品页面添加询盘按扭

作者:悦然wordpress建站(悦然建站)

(此处已添加小程序,请到今日头条客户端查看)

继续分享wordpress建站教程。最近做的wordpress建站项目用到了woocommerce插件,而woocommerce插件本身是做商城的,所以它的产品页面默认是购买按扭。但是有些产品可能不适合直接在线销售,或者是你想在购买按扭下面多加一下询盘按扭,那么可以参考下面的方法。


//代码由悦然wordpress建站收集自网络
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="zsxxfx" href="https://www.baidu.com">Inquiry</a>';
}

你只需要把上面代码中的网址换成你需要指向的地址就可以了,比如可以换成客服工具的聊天链接,或者是换成你的QQ号咨询链接,或者是换成你的第三方网店地址,后面的【Inquiry】则是按钮的名字,你可以根据需要进行修改。代码可以直接添加到当前wordpress建站主题的functions.php文件中,或者是使用Code Snippets插件,把代码添加到插件中即可。

上面这种方法虽然可以添加一个询盘按钮链接,但是它原来的购买按钮还在,如果你的产品全部都不准备在线销售,那么也可以把添加到购物车的按钮隐藏掉,如上图悦然建站就把购物车按钮隐藏了,实现代码如下:

https://Hide buy button
add_action( 'init', 'woocommerce_hide_buy_button' );
function woocommerce_hide_buy_button(){
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
}

同样我们可以把上面的代码添加到当前wordpress建站主题的functions.php文件中,或者是使用Code Snippets插件添加。

今天介绍的这种方法比较简单,而且询盘按钮的样式也比较原始,只能凑合用,后续你可以使用CSS来修饰。

编辑WordPress的functions.php 文件有哪些注意事项呢?

functions.php 文件中如何添加代码是很多新手朋友都会遇到的问题,大家都害怕添加错误导致网站不能访问了,那么编辑WordPress的functions.php 文件有哪些注意事项呢?

Functions.php文件有什么用呢?

functions.php是WordPress保留的函数文件,它专门用于添加各种自定义函数代码。当今WordPress的主题越来越强大,通常是函数functions.php 文件(通常在主题根目录中)。

php中的注释

注释,专门用于补充代码,通常分为单行注释和多行注释,使用两个斜杠 // 用于单行注释,和/* */用于多行注释。

编辑WordPress的functions.php 文件有哪些注意事项呢? (https://www.wpmee.com/) WordPress使用教程 第1张

php代码应该添加到 <?php 和 ?> 之间

当您打开functions.php文件时,您会发现该文件通常以之间添加php代码。

编辑WordPress的functions.php 文件有哪些注意事项呢? (https://www.wpmee.com/) WordPress使用教程 第2张

避免 <?php 和 ?> 多重嵌套

在 <?php 和 ?> 之间,不要添加 <?php 和 ?>;,因为下面的示例是错误的:

编辑WordPress的functions.php 文件有哪些注意事项呢? (https://www.wpmee.com/) WordPress使用教程 第3张

不要在 <?php 和 ?>之间直接添加其他语言的代码。

正如您所看到的,第一个<;?PHP还没有结束,而嵌套一个<?php ,这样会导致php代码失败了,这会导致网站崩溃。

之间的代码应该符合php语言规范,您不能在它们之间直接添加其他语言的代码,例如以下错误类型:

编辑WordPress的functions.php 文件有哪些注意事项呢? (https://www.wpmee.com/) WordPress使用教程 第4张

有些朋友可能会问,为什么我看到有人可以添加html代码?例如,下面代码的第5行:

请注意,字符转义实际上是php和html的混合,HTML代码并不直接添加在 之间。您可以看到,第4行结束了php语法,第6行重新启动了php语法,这是合法的。

网络上的许多代码可能会导致代码中的某些字符转义或其他错误,因为它不使用突出显示插件的代码。例如:

编辑WordPress的functions.php 文件有哪些注意事项呢? (https://www.wpmee.com/) WordPress使用教程 第5张

半角符号变成全角符号:引号、逗号、句号、冒号、括号、分号等。

普通逃逸:变成<变成<,>变成>,&变成&等。

注意php文件的编码

WordPress是一个以utf-8格式编码的php程序,utf-8编码分为两种类型:BOM和无BOM。由于我们可能会在php文件中添加中文,所以建议保存 functions.php 等php文件为Utf-8 无 BOM格式。否则,可能会出现空白网站、布局错乱、异常文本等问题。

使用专业代码编辑工具

强烈建议您使用更专业的代码编辑工具,如 Notepad++、Sublime Text、EditPlus、DreamWeaver等,这些工具的优点是:支持代码突出显示、代码错误纠正提示、快速插入代码片段、支持选择编码类型等。

由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » WordPress建站教程:给Woocommerce产品页面添加询盘按扭(编辑WordPress的functions.php 文件有哪些注意事项呢?)

发表回复

CAPTCHAis initialing...