建站教程: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,修改這個文件即可。

例二:覆蓋所有模版

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

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

以上就是WooCommece主題修改兩種方法介紹,大家都看懂了嗎,是不是還比較簡單,抓緊時間學起來吧。