1. Add To Cart
- 拖放Add To Cart小工具：從元素庫中將「Add To Cart」小工具拖放到產品頁面。
- 設置產品：在內容設置中，選擇要添加到購物車的產品。
- 自定義樣式：調整按鈕的外觀、大小和文字樣式。
- 保存並預覽：保存更改並預覽，確保按鈕正常運作。
2. Additional Information
- 拖放Additional Information小工具：從元素庫中將「Additional Information」小工具拖放到產品頁面。
- 設置顯示內容：選擇要顯示的產品額外信息。
- 自定義樣式：調整顯示樣式和佈局。
- 保存並預覽：保存更改並預覽頁面。
3. Archive Products
- 拖放Archive Products小工具：在元素庫中拖放「Archive Products」小工具到頁面。
- 設置顯示產品：選擇產品類別或標籤。
- 自定義樣式：調整產品顯示的佈局和樣式。
- 保存並預覽：保存更改並預覽頁面。
4. Cart
- 拖放Cart小工具：從元素庫中將「Cart」小工具拖放到頁面。
- 設置顯示選項：選擇顯示的購物車信息。
- 自定義樣式：調整購物車的顏色和樣式。
- 保存並預覽：保存更改並預覽頁面。
5. Checkout
- 拖放Checkout小工具：在元素庫中拖放「Checkout」小工具到頁面。
- 設置結帳選項：配置結帳流程和顯示內容。
- 自定義樣式：調整結帳頁面的樣式。
- 保存並預覽：保存更改並預覽頁面。
6. Custom Add To Cart
- 拖放Custom Add To Cart小工具：從元素庫中將「Custom Add To Cart」小工具拖放到頁面。
- 設置自定義產品：選擇特定產品並設置自定義選項。
- 自定義按鈕樣式：調整按鈕的外觀和文字。
- 保存並預覽：保存更改並預覽頁面。
7. Featured Image
- 拖放Featured Image小工具：在元素庫中拖放「Featured Image」小工具到頁面。
- 設置圖像：選擇要顯示的產品特色圖像。
- 自定義顯示樣式：調整圖像的尺寸和邊框。
- 保存並預覽：保存更改並預覽頁面。
8. Price Box
- 拖放Price Box小工具：從元素庫中將「Price Box」小工具拖放到頁面。
- 設置價格信息：輸入產品價格和相關信息。
- 自定義樣式：調整價格框的樣式和佈局。
- 保存並預覽：保存更改並預覽頁面。
9. Price List
- 拖放Price List小工具：在元素庫中拖放「Price List」小工具到頁面。
- 添加價格項目：輸入每個項目及其價格。
- 自定義列表樣式：調整列表的樣式和佈局。
- 保存並預覽：保存更改並預覽頁面。
10. Price Table
- 拖放Price Table小工具：從元素庫中將「Price Table」小工具拖放到頁面。
- 設置價格表：輸入每個價格表的標題、價格和功能。
- 自定義樣式：調整價格表的樣式和顏色。
- 保存並預覽：保存更改並預覽頁面。
11. Product Categories
- 拖放Product Categories小工具：在元素庫中拖放「Product Categories」小工具到頁面。
- 選擇分類：選擇要顯示的產品分類。
- 自定義顯示樣式：調整分類的顯示佈局和樣式。
- 保存並預覽：保存更改並預覽頁面。
12. Product Data Tabs
- 拖放Product Data Tabs小工具：從元素庫中將「Product Data Tabs」小工具拖放到頁面。
- 設置數據標籤：配置要顯示的產品數據標籤。
- 自定義樣式：調整標籤的顯示樣式和佈局。
- 保存並預覽：保存更改並預覽頁面。
13. Product Images
- 拖放Product Images小工具：在元素庫中拖放「Product Images」小工具到頁面。
- 選擇產品圖像：設置要顯示的產品圖像。
- 自定義樣式：調整圖像的尺寸和顯示方式。
- 保存並預覽：保存更改並預覽頁面。
14. Product Meta
- 拖放Product Meta小工具：從元素庫中將「Product Meta」小工具拖放到頁面。
- 設置元數據：配置要顯示的產品元數據，如SKU、分類等。
- 自定義樣式：調整元數據的顯示樣式。
- 保存並預覽：保存更改並預覽頁面。
15. Product Price
- 拖放Product Price小工具：在元素庫中拖放「Product Price」小工具到頁面。
- 設置價格：選擇要顯示的產品價格。
- 自定義樣式：調整價格的顯示樣式和字體。
- 保存並預覽：保存更改並預覽頁面。
16. Product Rating
- 拖放Product Rating小工具：從元素庫中將「Product Rating」小工具拖放到頁面。
- 設置評分顯示：選擇要顯示的產品評分。
- 自定義樣式：調整評分星星的顏色和大小。
- 保存並預覽：保存更改並預覽頁面。
17. Product Related
- 拖放Product Related小工具：在元素庫中拖放「Product Related」小工具到頁面。
- 設置相關產品：選擇要顯示的相關產品。
- 自定義樣式：調整產品顯示的佈局和樣式。
- 保存並預覽：保存更改並預覽頁面。
18. Product Stock
- 拖放Product Stock小工具：從元素庫中將「Product Stock」小工具拖放到頁面。
- 設置庫存顯示：選擇要顯示的產品庫存狀態。
- 自定義樣式：調整庫存顯示的樣式和佈局。
- 保存並預覽：保存更改並預覽頁面。
19. Product Title
- 拖放Product Title小工具：在元素庫中拖放「Product Title」小工具到頁面。
- 設置產品標題：選擇要顯示的產品標題。
- 自定義樣式：調整標題的顯示樣式和字體。
- 保存並預覽：保存更改並預覽頁面。
20. Products
- 拖放Products小工具：從元素庫中將「Products」小工具拖放到頁面。
- 設置產品顯示：選擇要顯示的產品或產品類別。
- 自定義樣式：調整產品顯示的佈局和樣式。
- 保存並預覽：保存更改並預覽頁面。
21. Upsells
- 拖放Upsells小工具：在元素庫中拖放「Upsells」小工具到頁面。
- 設置追加銷售產品：選擇要顯示的追加銷售產品。
- 自定義樣式：調整顯示樣式和佈局。
- 保存並預覽：保存更改並預覽頁面。
22. Menu Cart
- 拖放Menu Cart小工具：從元素庫中將「Menu Cart」小工具拖放到頁面。
- 設置購物車顯示：選擇顯示的購物車內容。
- 自定義樣式：調整購物車的顯示樣式和顏色。
- 保存並預覽：保存更改並預覽頁面。
23. Woo – Add To Cart
- 拖放Woo – Add To Cart小工具：在元素庫中拖放「Woo – Add To Cart」小工具到頁面。
- 設置產品：選擇要添加到購物車的產品。
- 自定義樣式：調整按鈕的外觀和文字。
- 保存並預覽：保存更改並預覽頁面。
24. Woo – Categories
- 拖放Woo – Categories小工具：從元素庫中將「Woo – Categories」小工具拖放到頁面。
- 選擇分類：選擇要顯示的產品分類。
- 自定義樣式：調整分類顯示的佈局和樣式。
- 保存並預覽：保存更改並預覽頁面。
25. Woo – Checkout
- 拖放Woo – Checkout小工具：在元素庫中拖放「Woo – Checkout」小工具到頁面。
- 設置結帳選項：配置結帳流程和顯示內容。
- 自定義樣式：調整結帳頁面的樣式。
- 保存並預覽：保存更改並預覽頁面。
26. Woo – Mini Cart
- 拖放Woo – Mini Cart小工具：從元素庫中將「Woo – Mini Cart」小工具拖放到頁面。
- 設置購物車顯示：選擇顯示的購物車內容。
- 自定義樣式：調整迷你購物車的顯示樣式和顏色。
- 保存並預覽：保存更改並預覽頁面。
27. Woo – Products
- 拖放Woo – Products小工具：在元素庫中拖放「Woo – Products」小工具到頁面。
- 設置產品顯示：選擇要顯示的產品或產品類別。
- 自定義樣式：調整產品顯示的佈局和樣式。
- 保存並預覽：保存更改並預覽頁面。
