WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints,修改購物車佈景更容易

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

Step1
首先,進到WordPress後台,切到外掛再點上方的安裝外掛
梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints
Step2
接著輸入WooCommerce Template Hints關鍵字,再對著第一個外掛按立刻安裝
梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints
Step3
當下載完畢後,再按啟用外掛
梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints
Step4
啟用完畢後,再回到WordPress前台,並進入購物車,這時就會看到,頁面會出現一塊一塊的紅色框,且在紅色線框左上方,也會顯示該php的檔名與路徑。
梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints
Step5
而WooCommerce佈景主題的路徑在,wp-content/plugin/woocommerce/templates
梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints
Step6
當要修改佈景檔案時,可用網頁編輯器,就可進行修改,這時先簡單打個123。
梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints
Step7
再回到前台時,就會看到剛所加入的123文字,有了這隻外掛後,就可更輕易的修改WooCommerce的佈景啦!
梅問題-WordPress教學-Woocommerce佈景標示外掛WooCommerce Template Hints

相關文章

WordPress外掛-「Admin Menu Editor」自訂WP後台選單的項目與名稱

WordPress外掛-「Admin Menu Editor」自訂WP後台選單的項目與名稱

Woocommerce與Every8d大整合,當有新訂單立即傳送簡訊通知

Woocommerce與Every8d大整合,當有新訂單立即傳送簡訊通知

「Open Live Writer」微軟專為部落格而生!離線編輯器(支援WordPress、Blogger、痞客邦)

「Open Live Writer」微軟專為部落格而生!離線編輯器(支援WordPress、Blogger、痞客邦)

WordPress外掛-「WP Editor」強化後台編輯器,讓原始碼支援HighLight的高光效果

WordPress外掛-「WP Editor」強化後台編輯器,讓原始碼支援HighLight的高光效果

Woocommerce修正中文化不完全與字詞修改 (附完整繁中包)

Woocommerce修正中文化不完全與字詞修改 (附完整繁中包)





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。