WooCommerce 列表頁顯示商品筆數

使用 Elementor 編輯商品列表頁,開啟分頁,發現都顯示16筆,即使我在 Elementor 原生的 Widget 中設定 3*3 仍然無法改變,一樣給我跑出16筆,因為3欄的關係,所以最後一筆商品會落單,這樣很怪

原因不明,可能某某插件,覆蓋了商品列表預設顯示筆數,所以要重新定義商品顯示筆數,把下方代碼貼到當前主題根目錄的 functions.php 檔案中,重新整理商品列表頁 ( 有開快取請先清除快取再重整 )

正確顯示9筆了,多舒服阿!!

Reference
https://woocommerce.com/document/change-number-of-products-display[……]

Read more

WooCommerce 新增自訂義頁籤及內容

WooCommerce 商品頁下方預設有一個頁籤的設計,有網頁設計經驗的對這設計並不陌生,可以像一般電商平台一樣用來放尺寸表、退換貨說明、購物條款等附加內容,可說是一個很實用的功能。

但到後台的商品編輯頁面,遍尋不著新增頁籤及內文的介面,本文將介紹如何在商品頁中透過程式碼新增自訂義頁籤及內文

上方為新增自定義頁籤的範例,可將上方程式碼貼到主題根目錄下方的 functions.php 中,就可多出一個頁籤拉

[……]

Read more

WooCommerce JavaScript/jQuery events 懶人包

WooCommerce 為讓介面友善頻繁使用 javascript / jQuery 透過 Ajax 異步更新「動態資料」或「版面區塊」,對於開發者而言,也必須處理前端的異步更新後的資料,通常會藉由event 去觸發特定程式,bagerathan 貼心的整理出 WooCommerce 商品頁 ( product page )、購物車頁 ( cart page )、結帳頁 ( checkout page ) 常用 js 事件( event )對照表,方便開發者速查

https://gist.github.com/bagerathan/2b57e7413bfdd09afa04c7be8c6a617f[……]

Read more

WooCommerce 我的帳號刪除「下載」頁

WooCoomerce 在「我的帳號」頁面中,用頁籤的方式整合帳戶相關功能,其中有一個系載頁面比較匪夷所思,其實主要是因為 WooCommerce 的商品有虛擬商品的類型,若購買虛擬商品,則可以由這頁來下載

但大部分客戶還是以實體商品為主,所以通常不會需要虛擬商品,多出這個頁籤,點進頁面又會顯示沒有可以下載的檔案,這時業主會一直問為什麼有這頁、這頁要幹嘛、可以拿掉嗎?答案是可以的喔

方法 1 :由進階設定面板關閉

透過後臺介面,進入後台 WooCommerce > 設定 > 進階,移動至「帳號端點」區塊(這翻譯誰看得懂),將下載這個帳號端點留空即可,這個方法非常簡單,人人都可以。

方法 2 用程式碼關閉

透[……]

Read more

WooCommerce After Payment Redirect

WooCoomerce 預設結帳完成後會定向到訂單內容頁面,但行銷人員可能想追蹤轉換成效,不論基於任何原因,是可以做到這點的,我們透過 woocommerce_thankyou 這個Hook,讓結帳完成重定向頁面至感謝頁面。

實作 woocommerce_thankyou Hook

於結帳完成後,檢查訂單是否成立,而且是成功的,如果是成功的就重定向頁面,可將以下代碼貼至主題中的 functions.php 最後方,/thank-you 可改為重定向的目標網址

[……]

Read more