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

自定义WooCommerce产品文章hook顺序

萨龙龙萨龙龙
WooCommerce
8年前
0
0
1.39W
最近在做一款企业产品展示的商城网站,设计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.13M456.43W3.62W
分享:
WordPress批量替换自定义域名称
WordPress批量替换自定义域名称上一篇
WordPress获取当前分类的顶级分类ID下一篇
WordPress获取当前分类的顶级分类ID
相关文章
总数:19

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

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

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

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

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

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

WooCommerce 商城首页排除指定分类

WooCommerce是WordPress中最强大的商城插件,没有之一。在Slearn主题的开发过程中,需要将课程和商城结合,课程使用…
萨龙龙萨龙龙
WooCommerce
6年前
0
0
9.95K
0

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

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

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

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

WooCommerce为购物车和结算添加附加费 &#8211; 使用费用API

为所有交易添加基于百分比的附加费 /** *添加1%的附加费到你的购物车和结算页面 *更改百分比以将附加费设置为适合的…
萨龙龙萨龙龙
WooCommerce
6年前
0
0
1.09W
0

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

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

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

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

Woocommerce一个很漂亮的购物系统

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

移除 WooCommerce 商城插件中我的帐户相关页面

WooCommerce插件默认为我的帐户页面提供了:仪表盘、订单、下载、地址、帐户详情几个页面,以及一个退出登录的按钮,如果出售的是实物或者没…
萨龙龙萨龙龙
WooCommerce
7年前
0
0
1.41W
0

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

MNews主题集成了WooCommerce商城插件,有些用户要求增加一个『立即购买』按钮,这篇文章介绍下如何在WooCommerce中添加…
萨龙龙萨龙龙
WooCommerce
7年前
0
0
3.03W
0
评论表单游客 您好,欢迎参与讨论。
请输入昵称
请输入邮箱
请输入网址
0 / 0
评论列表
总数:0
萨龙网络
没有相关内容