萨龙网络
登录
首页-WordPress文章-WooCommerce-正文

自定义WooCommerce产品文章hook顺序

萨龙龙萨龙龙
WooCommerce
9年前
0
0
1.40W
最近在做一款企业产品展示的商城网站,设计WooCommerce产品文章的布局与默认的布局有很大的不同,所以其中的一些模块都需要重新调整。WooCommerce插件提供了模板,通过修改模板可以调整其中的代码位置与显示方式,这样做就得修改很多文件,而且有些地方发动比较大,所以使用hook来调整是最佳的方案。 比如content-single-product.php文件中的这段代码:
  1. <div class="summary entry-summary">
  2.     <?php
  3.         /**
  4.          * woocommerce_single_product_summary hook.
  5.          *
  6.          * @hooked woocommerce_template_single_title - 5
  7.          * @hooked woocommerce_template_single_rating - 10
  8.          * @hooked woocommerce_template_single_price - 10
  9.          * @hooked woocommerce_template_single_excerpt - 20
  10.          * @hooked woocommerce_template_single_add_to_cart - 30
  11.          * @hooked woocommerce_template_single_meta - 40
  12.          * @hooked woocommerce_template_single_sharing - 50
  13.          */
  14.         do_action( 'woocommerce_single_product_summary' );
  15.     ?>
  16. </div>
其中都有注释各个模板的hook名称和等级。

删除模块

  1. remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
添加代码到主题的functions.php中,将移除产品的价格。

调整模块

把评论等级放在价格的后面,代码如下:
  1. remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );
  2. add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 15 );
两段代码看似相似,第一段代码是删除原有的评论等级,第二段代码是添加评论等级,而排列值为15,当前价格的值为10,所以评论等级就到价格的后面了。 在WooCommerce的开发过程中,很多产品列表与文章布局比较独特的都需要调整模块的位置,通过使用hook来调整,就不需要重新整理WooCommerce默认的代码。
标签:
本文原创,作者:萨龙龙,其版权均为萨龙网络所有。
如需转载,请注明出处:https://salongweb.com/woocommerce-hook-order.html
萨龙龙

萨龙龙

侠客
一个平平常常的人,热爱生活、旅行和摄影,骑行去过西藏,一直计划再去。14年从江西骑行来到大理,现栖居于洱海边,食人间烟火,过简单生活,做简约设计!
1342.16M456.59W3.85W
分享:
WordPress批量替换自定义域名称
WordPress批量替换自定义域名称上一篇
WordPress获取当前分类的顶级分类ID下一篇
WordPress获取当前分类的顶级分类ID
相关文章
总数:19

在 WordPress 主题中编辑器 WooCommerce 产品选项卡-tabs

WooCommerce产品页面默认有3个选项卡:描述,其它信息和评论,对于很多WordPress主题或许不太适合,需要修改或者添加选项卡。…
萨龙龙萨龙龙
WooCommerce, WordPress
4年前
0
0
3.09W
0

移除 WooCommerce 商城插件编辑产品中的产品数据相关 tabs

WooCommerce插件默认为编辑产品页面提供了产品数据TABS,默认包括:常规、库存、配送、联锁产品、属性、高级等模块,功能强大而实用。…
萨龙龙萨龙龙
WooCommerce
7年前
0
0
1.28W
0

WordPress为所有文章自动添加自定义字段

Sixianqiu主题是专为诗歌设计开发的主题,有一些朋友也需要这样的多形式博客主题,就整理出来了。一开始所有的文章内容都是居中显示,这样对于其…
萨龙龙萨龙龙
WooCommerce
8年前
0
0
1.60W
0

在WooCommerce中添加“立即购买”按钮直接跳转到结算页面

MNews主题集成了WooCommerce商城插件,有些用户要求增加一个『立即购买』按钮,这篇文章介绍下如何在WooCommerce中添加…
萨龙龙萨龙龙
WooCommerce
7年前
0
0
3.06W
0

WooCommerce 注册表单添加本站名称为字段的验证方式

萨龙网络使用的Youji原创企业主题注册登录都是使用WooCommerce商城插件自带的表单,使用简单方便。最近苦于国外机器人注册多,且…
萨龙龙萨龙龙
WooCommerce
6年前
0
0
1.37W
0

Woocommerce一个很漂亮的购物系统

Woocommerce,一个wordpress的电子商务扩展插件,一个很漂亮的可以帮你卖任何东西的工具,这是插件在wordpress后台插件中的…
萨龙龙萨龙龙
WooCommerce
11年前
0
0
1.49W
0

WooCommerce 3 更新后特色产品的获取方法

WooCommerce已经是WordPress平台最好最强大的在线商城插件,已经被WordPress收购,更新速度比较频繁,功能更加完…
萨龙龙萨龙龙
WooCommerce
8年前
0
0
1.12W
0

Woocommerce+Buddypress+Bbpress商城社区论坛头像本地化

萨龙网络Purity主题是集成了Woocommerce+Buddypress+Bbpress商城社区论坛,因为www.gravatar.com头…
萨龙龙萨龙龙
Bbpress, Buddypress, WooCommerce, WordPress
10年前
0
0
1.63W
0

WooCommerce商城首页获取自定义字段

WooCommerce商城首页默认被插件转换成归档页面archive-product.php,但是添加的依然是页面,所以通过get_post_m…
萨龙龙萨龙龙
WooCommerce
8年前
0
0
1.16W
0

为woocommerce商城添加图片延迟(lazyload)加载功能

wordpress图片延迟加载已经不是稀奇的功能,网上有很多类似的文章,添加相当简单方便,woocommerce缩略图图片延迟加载也很方便的可以…
萨龙龙萨龙龙
WooCommerce
10年前
0
0
1.29W
0

WordPress 从不需要的页面禁用 WooCommerce 样式和脚本

WooCommerce在每个页面上加载三个核心CSS样式表,并在WordPress站点上安装时发布。可以通过从不需要它的页面和内容中删除样式和…
萨龙龙萨龙龙
WooCommerce
6年前
0
0
1.70W
0

让SI CAPTCHA Anti-Spam插件支持WooCommerce注册表单验证码

萨龙网络使用的主题Purity最新版本弃用了Buddypress社区插件,这样注册表单只能使用WooCommerce商城自带的,验证码还是使用S…
萨龙龙萨龙龙
WooCommerce, WordPress
9年前
0
0
1.58W
0
评论表单游客 您好,欢迎参与讨论。
请输入昵称
请输入邮箱
请输入网址
0 / 0
评论列表
总数:0
萨龙网络
没有相关内容