Cart
以下是範例呈現
Cart
- 拖放Cart小工具：從元素庫中將「Cart」小工具拖放到頁面。
- 設置顯示選項：選擇顯示的購物車信息。
- 自定義樣式：調整購物車的顏色和樣式。
- 保存並預覽：保存更改並預覽頁面。
Add To Cart
以下是範例呈現
Add To Cart
- 拖放Add To Cart小工具：從元素庫中將「Add To Cart」小工具拖放到產品頁面。
- 設置產品：在內容設置中，選擇要添加到購物車的產品。
- 自定義樣式：調整按鈕的外觀、大小和文字樣式。
- 保存並預覽：保存更改並預覽，確保按鈕正常運作。
Custom Add To Cart
以下是範例呈現
Custom Add To Cart
- 拖放Custom Add To Cart小工具：從元素庫中將「Custom Add To Cart」小工具拖放到頁面。
- 設置自定義產品：選擇特定產品並設置自定義選項。
- 自定義按鈕樣式：調整按鈕的外觀和文字。
- 保存並預覽：保存更改並預覽頁面。
Woo - Add To Cart
以下是範例呈現
Woo – Add To Cart
- 拖放Woo – Add To Cart小工具：在元素庫中拖放「Woo – Add To Cart」小工具到頁面。
- 設置產品：選擇要添加到購物車的產品。
- 自定義樣式：調整按鈕的外觀和文字。
- 保存並預覽：保存更改並預覽頁面。
Menu Cart
2.Menu Cart
- 拖放Menu Cart小工具：從元素庫中將「Menu Cart」小工具拖放到頁面。
- 設置購物車顯示：選擇顯示的購物車內容。
- 自定義樣式：調整購物車的顯示樣式和顏色。
- 保存並預覽：保存更改並預覽頁面。
Woo - Mini Cart
Cart
$0.00
Subtotal: $0.00
0
3.Woo – Mini Cart
- 拖放Woo – Mini Cart小工具：從元素庫中將「Woo – Mini Cart」小工具拖放到頁面。
- 設置購物車顯示：選擇顯示的購物車內容。
- 自定義樣式：調整迷你購物車的顯示樣式和顏色。
- 保存並預覽：保存更改並預覽頁面。
Checkout
以下是範例呈現
Checkout
- 拖放Checkout小工具：在元素庫中拖放「Checkout」小工具到頁面。
- 設置結帳選項：配置結帳流程和顯示內容。
- 自定義樣式：調整結帳頁面的樣式。
- 保存並預覽：保存更改並預覽頁面。
Woo - Checkout
以下是範例呈現
Woo – Checkout
- 拖放Woo – Checkout小工具：在元素庫中拖放「Woo – Checkout」小工具到頁面。(此功能只能在”頁面”呈現，並需要到WooCommerce->設定->結帳頁面設定)
- 設置結帳選項：配置結帳流程和顯示內容。
- 自定義樣式：調整結帳頁面的樣式。
- 保存並預覽：保存更改並預覽頁面。
