先前已分享過,在 WordPress 下安裝購物車套件,透過 WooCommerce 就可快速的把 WordPress 升級成購物車,甚至串接金流也相當的簡單,只需註冊好第三方的金流會員後,再把註冊帳號的 API KEY,輸入到指定的欄位中,以及收款的方式,立即就能完成線上收款的機制,接下來就是購物車的主題設計,才能表現出具自己特色的購物車平台,才不會變成一個制服型的購物車。
因此我則開始研究 WooCommerce 購物車的主題設計,這時才發現到,WooCommerca 的主題竟然不在 WordPress 的 themes 中,而是在本身插件模組的資料夾裏,且檔案相當分散,比 OpenCart 還來的更復雜,光一個頁面就用了好幾只的 php 所組成,當一個一個找那還真累人,好在有隻 WooCommerce 的主題插件套件,可將頁面所用到的 php 用紅色線框標示出來,同時也會秀出該 php 的路徑與檔名,因此有用 WooCommerce 架設購物車的朋友,也趕快來看看,如何自制一個具自己特色的購物車版面。
WooCommerce Template Hints:
插件下載:tw.wordpress.org
Step1
首先,進到 WordPress 後台,切到插件再點上方的安裝插件。

Step2
接着輸入 WooCommerce Template Hints 關鍵字,再對着第一個插件按立刻安裝。

Step4
啓用完畢後,再回到 WordPress 前台,並進入購物車,這時就會看到,頁面會出現一塊一塊的紅色框,且在紅色線框左上方,也會顯示該 php 的檔名與路徑。

Step5
而 WooCommerce 主題的路徑在,wp-content/plugin/woocommerce/templates。

Step6
當要修改主題檔案時,可用網頁編輯器,就可進行修改,這時先簡單打個 123 。

Step7
再回到前台時,就會看到剛所加入的 123 文字,有了這隻插件後,就可更輕易的修改 WooCommerce 的主題啦!


