在主题中以升级安全的方式覆盖WooCommerce的模板文件,实现WooCommerce模板自定义

文 / @UTHEME

WooCommerce模板文件目录结构

每个新版本的WooCommerce的模板文件都有一些变化,所有的模板文件可以在 /woocommerce/templates/ 目录中找到。下面是各版本的模板文件:

版本 文件
v2.6.0 查看模板文件
v2.5.0 查看模板文件
v2.4.7 查看模板文件
v2.3.8 查看模板文件
v2.2.3 查看模板文件
v2.1.0 查看模板文件
v2.0.20 查看模板文件
v1.6.6 查看模板文件

WooCommerce模板文件

WooCommerce模板文件包含了商店前端和HTML邮件的模板结构和模板标签,代码里面到处都是hooks,WooCommerce的大部分内容都是通过这些hooks输出的。这种方法隐藏了模板文件的代码细节,避免了升级可能导致的问题,同时也给WooCommerce主题开发时自定义模板文件带来了不小麻烦。原来只需要在代码里面添加或减少某些标记就可以实现的修改,在WooCommerce中,却不得不写成PHP函数,挂载到相应的hook上面输出。

我们可以使用“升级安全”的方法覆盖这些文件,只需要复制templates目录中的文件到主题的woocommerce目录中即可,文件目录结构保持改变。如果我们当前使用的主题中没有woocommerce目录,新建一个即可。

需要注意的是,如果你的主题中存在woocommerce.php这个文件,上面的覆盖方法可能是无效的,woocommerce.php的优先级高于woocommerce目录中模板文件的优先级,该文件会接管所有woocommerce模板的展示。

添加UTHEME为好友
扫码添加UTHEME微信为好友
· 分享WordPress相关技术文章,主题上新与优惠动态早知道。
· 微信端最大WordPress社群,限时免费入群。