WooCommerce模板目录详细解析

/ 0评 / 0

WordPress的插件WooCommerce中已经带来了一套模板,当然,可能有些网友对官方的自带模板有自己的定制要求,需要自己来修改一下,那我们来看看如何修改。

当然,你直接在它的官方自带模板上修改也是可以的,但是,我们不建议那么修改,毕竟有时候会出一些小BUG,这样的话,将官方自带的模板恢复成原样又要花一番功夫。应该把官方的模板复制出来,在主题的目录下按照自己的思路来开发,这样既不影响官方自带的模板,有问题可以随时回退,又能达到个性化定制的需要。我们来看看怎么做。

WooCommerce自带模板的位置

WooCommerce自带模板在 wp-content/plugins/woocommerce/templates 下,复制所有文件。

WooCommerce个性化定制模板放置位置

在当前使用的主题下面创建一个文件夹:woocommerce,粘贴所有刚刚复制的文件。例如,wp-content/themes/twentysixteen/woocommerce。

好了,现在WooCommerce起作用的模板就是你刚刚复制粘贴到当前主题文件夹woocommerce下的模板了。你可以在这个模板里随意修改。

WooCommerce模板目录功能auth 用户登录登出认证模板

cart 购物车的模板

checkout 结账的模板

global 公用文件模板

loop 商品循环模板

myaccount 账号信息模板

notices 订购消息模板

order 订单模板

single-product 单个产品模板

archive-product.php分类模版

content-product.php分类产品的参数

content-product_cat.php暂且归类于不同分类的产品参数

single-product.php产品详情页

content-single-product.php产品详情参数

我们的调整原生的woocommerce主要是修改后面的5个页面,当然更多的细节会在其他页面修改。