WooCommerce插件模版如何修改?

WooCommece都瞭解是一款非常靈活的電子商務WodPess插件,喜歡它的原因很多,除了漂亮的界面、人性化的後臺、很少的數據表等等,還有一箇重要的原因是修改功能比較方便,比如修改WooCommece 的默認模版。

WooCommece 提供兩種修改模版的方法,一箇是通過鉤子函數,這也是 WodPess 中最常見的修改方式;另一箇方法是 “覆蓋” 模版。

覆蓋這種方式在 WodPess 插件中也比較常見,中心思想是如果用戶在主題目錄下放置了一箇和某插件模版文件名稱相同的文件,某插件就會先調用這個文件。

WooCommece 也支持這種方式,下面具體介紹。

WooCommece 的默認模版文件位於插件的 templtes 目錄(/wp-content/plugins/WooCommece/templtes)下,打開模版文件,可以發現裏面有很多 hooks(eg. do_ction(‘WooCommece_befoe_min_content’); ),所以修改模版應該遵循以下原則:

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

針對某個文件有大量的修改,或者僅使用 hooks 無法完成修改,則使用模版覆蓋的方式

通過這兩種方式所做的修改都不會在升級時丟失。

例一:修改 My Account 頁面

在當前主題目錄下創建 WooCommece 目錄

在 WooCommece 目錄下再創建一箇 myccount 目錄

把 plugins/WooCommece/templtes/myccount/my-ccount.php 文件拷貝到 youtheme/WooCommece/myccount/目錄下,對應關係如下

這時主題下的 my-ccount.php 擁有更高的優先級,會覆蓋插件目錄下的 my-ccount.php,修改這個文件即可。

例二:覆蓋所有模版

覆蓋所有模版,需要把所有模版文件拷貝到主題中,並保留目錄結構。也就是要把

這個目錄下所有文件複製到