
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/目錄下,對應關系如下
這時主題下的 my-account.php 擁有更高的優先級,會覆蓋插件目錄下的 my-account.php,修改這個文件即可。
例二:覆蓋所有模版
覆蓋所有模版,需要把所有模版文件拷貝到主題中,并保留目錄結構。也就是要把
這個目錄下所有文件復制到
(來源:薇曉朵)
以上內容屬作者個人觀點,不代表雨果網立場!如有侵權,請聯系我們。
相關鏈接:woocommerce怎么單獨使用?woocommerce可以單獨使用嗎?