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

自定义WooCommerce产品文章hook顺序

萨龙龙萨龙龙
WooCommerce
9年前
0
0
1.48W
最近在做一款企业产品展示的商城网站,设计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.32M457.10W4.42W
加载中…
分享:
WordPress批量替换自定义域名称
WordPress批量替换自定义域名称上一篇
WordPress获取当前分类的顶级分类ID下一篇
WordPress获取当前分类的顶级分类ID
相关文章
总数:19

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

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

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

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

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

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

Woocommerce一个很漂亮的购物系统

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

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

萨龙网络使用的主题Purity最新版本弃用了Buddypress社区插件,这样注册表单只能使用WooCommerce商城自带的,验证码还是使用S…
萨龙龙萨龙龙
WooCommerce, WordPress
9年前
0
0
1.66W
0

禁用管理员通知『连接您的店铺到 WooCommerce.com 接受扩展更新和支持』

WooCommerce后台对管理员的通知『连接您的店铺到WooCommerce.com接受扩展更新和支持』,是3.3.1版本后出来了,新的…
萨龙龙萨龙龙
WooCommerce
7年前
0
0
1.17W
0

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

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

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

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

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

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

修改Woocommerce商品固定链接其它自定义文章类型适用

在更新Concise主题时集成了前端用户中心和商城插件,发现插件中为商城产品文章设置好了固定链接,所以把萨龙网络的作品集与商城的两种自定义类型的…
萨龙龙萨龙龙
WooCommerce
10年前
0
0
1.42W
0

WooCommerce 通过woocommerce_cart_item_thumbnail钩子修改购物车缩略图

在开发基于WooCommerce的商城主题时,我们一般会将模板文件添加到主题中来进行修改,对于有钩子或接口的地方,就没有必要再修改模板代码了…
萨龙龙萨龙龙
WooCommerce
6年前
0
0
1.68W
0

WooCommerce为购物车和结算添加附加费 – 使用费用API

为所有交易添加基于百分比的附加费 /** *添加1%的附加费到你的购物车和结算页面 *更改百分比以将附加费设置为适合的…
萨龙龙萨龙龙
WooCommerce
6年前
0
0
1.18W
0
评论表单游客 您好,欢迎参与讨论。
加载中…
评论列表
总数:0
萨龙网络
没有相关内容