建站教程:WooCommerce主题怎么修改?

112次阅读

共计 882 个字符,预计需要花费 3 分钟才能阅读完成。

WooCommerce 想必大多数用户都了解,是一款非常灵活的电子商务 WordPress 插件,喜欢它的原因很多,除了漂亮的界面、人性化的后台、很少的数据表等。最近有客户反映 WooCommerce 主题怎么修改呢?其实方法很简单,本文就来教大家。

WooCommerce 提供两种修改模版的方法,一个是通过钩子函数,这也是 WordPress 中最常见的修改方式;另一个方法是“覆盖”模版。

覆盖这种方式在 WordPress 插件中也比较常见,中心思想是如果用户在主题目录下放置了一个和某插件模版文件名称相同的文件,某插件就会先调用这个文件。

WooCommerce 也支持这种方式,下面具体介绍。

WooCommerce 的默认模版文件位于插件的 templates 目录(/wp-content/plugins/woocommerce/templates)下,打开模版文件,可以发现里面有很多 hooks(eg. do_action(‘woocommerce_before_main_content’);),所以修改模版应该遵循以下原则:

可以用 hooks 完成的修改,尽量使用 hooks

针对某个文件有大量的修改,或者仅使用 hooks 无法完成修改,则使用模版覆盖的方式

通过这两种方式所做的修改都不会在升级时丢失。

例一:修改 My Account 页面

在当前主题目录下创建 WooCommerce 目录

在 WooCommerce 目录下再创建一个 myaccount 目录

把 plugins/woocommerce/templates/myaccount/my-account.php 文件拷贝到 yourtheme/woocommerce/myaccount/ 目录下,对应关系如下

建站教程:WooCommerce 主题怎么修改?

这时主题下的 my-account.php 拥有更高的优先级,会覆盖插件目录下的 my-account.php,修改这个文件即可。

例二:覆盖所有模版

覆盖所有模版,需要把所有模版文件拷贝到主题中,并保留目录结构。也就是要把

建站教程:WooCommerce 主题怎么修改?

这个目录下所有文件复制到

建站教程:WooCommerce 主题怎么修改?

以上就是 WooCommerce 主题修改两种方法介绍,大家都看懂了吗,是不是还比较简单,抓紧时间学起来吧。

正文完