Select Page

WordPress WooCommerce 電子商務商品展示欄位調整

WordPress WooCommerce 電子商務商品展示欄位調整

WooCommerceWordPress 官網上非常受歡迎的一款電子商務外掛程式, 有超過 300萬個網站下載啟用並且使用中。因為中文化的支援非常良好,也深受台灣網站設計者的喜愛。前些日子有朋友問到如何修改商品展示的欄位數,接下來將處理的方法一併分享給大家,有需要的朋友可以參考看看。
 

WordPress WooCommerce Product Archives

會需要對電子商務商品展示欄位調整,大多是因為安裝好 WooCommerce外掛程式以後建置的商品頁面預設值就是3欄的方式,對於每個佈景主題的適應不全然合適,而產生了這個需求。根據 WooCommerce官網的文件說明,修改的方式基本上有三種,分別說明如下。

  1. 修改子佈景主題的 functions.php檔案,填入下列過濾條件語法。
    • 一般佈景主題適用:

       

    • WooCommerce 開發佈景主題適用:
  2. 在彙整頁面使用 WooCommerce shortcodes 簡碼。
  3.  

  4. 使用 WooCommerce Product Archive Customiser 外掛程式。

 

修改成果展示

 
修改前:

修改前商品展示3欄

修改前商品展示3欄


 
 
修改後:
修改後商品展示5欄

修改後商品展示5欄


 

結論

很多朋友在建置 WordPress網站時,常常需要一些額外的設計或是功能來符合自己的需求,以 WordPress發展這麼多年來 max的想法就是,很多答案就在官網的文件裡,這些也是一直以來推薦大家有必要花點心思好好努力的區塊,希望每一位網站的管理者或是設計者,都可以從這裡面找到自己需要的寶藏。

About The Author

max

使用 WordPress 架設網站不再是一件痛苦的工作。這裡跟大家分享使用WordPress的相關問題與研究。 並且提供有關WordPress外掛程式,佈景主題等等的使用經驗分享。 幫助想要建立網站的朋友,可以簡單,快速,無痛苦的建立與使用網站。

2 Comments

  1. 劉

    我的後台登入出現

    錯誤:Cookies 被阻擋或者你的瀏覽器不支援。你必須啟用 cookies 才能使用 WordPress。

    請問如何解決

  2. max

    清一下自己電腦的瀏覽器快取跟cookie,或是先關閉登入管制的外掛程式再試試。

Leave a reply

你的電子郵件位址並不會被公開。 必要欄位標記為 *