產生購買按鈕

在產品清單和產品頁面中新增「加入購物車」按鈕、設定樣式和自訂「加入購物車」按鈕。

您可以選擇包含一個 加入購物車 特色於 選擇 連結到您的“商品”的列表 收藏。這使客戶能夠立即將目標網頁和其他部分上顯示的任何產品選擇中的商品添加到購物車中。

您也可以在商品佈局頁面上放置「加入購物車」功能。

在本教程中
  1. 定位一個 加入購物車 選擇清單中的元素
  2. 設計和個性化不同的條件
  3. 在產品頁面上插入個人化購買按鈕
本教程的先決條件

在繼續本教學之前,請務必查看以下指南:

  • 加入購物車
  • 選用清單
  • 選擇頁面

合併購買按鈕元素

確保您已設定商品展示網格 - 連結到商品系列的選擇清單。添加一個 加入購物車 此選擇清單中的元素來自 新增面板 或透過 快速尋找 (CMD/CTRL+E)。

隱藏“立即購買”按鈕(可選)

對於簡單的購買按鈕,您還可以隱藏 現在下單 按鈕處於預設狀態。選擇「加入購物車」元素後,您可以停用 現在下單 按鈕在 加入購物車設置 控制板

隱藏數量欄位(可選)

對於更簡單的購買按鈕,您可以選擇在預設狀態下隱藏數量欄位。因此,選擇購買按鈕元素後,停用 數量 領域中的 加入購物車設置 控制板。

如果您選擇隱藏「購買」組件中的數量字段,則當客戶將商品新增至購物車時,將包含預設數量 1 件商品。他們可以稍後在購物車內修改數量。

設計和定制各種條件

購買部分由幾個要素組成。這些元素可以廣泛地設計和定制。您可以靈活地修改「提交按鈕」、「缺貨」狀態訊息和「錯誤」狀態訊息等元素的外觀。

如果您的專案有變體,您可以在某種程度上自訂標籤和選項欄位。此外,如果為「購買」元件啟用了數量字段,您還可以設定數量字段的標籤和輸入字段的樣式。

您可以從以下位置變更預設錯誤訊息 錯誤訊息設定.

探索更多關於: 加入購物車

將客製化的購買按鈕整合到您的商品頁面中

現在你的 加入購物車 元件經過樣式化和個人化,您可以將其合併到其他商品選擇清單或商品佈局頁面中。為了實現這一點,請確保您選擇主要 加入購物車 包裝並複製它。隨後,請造訪商品頁面或選擇連結到「商品」category 的任何選擇列表,然後貼上您完全自訂的添加到購物車組件。

選擇主要 加入購物車 包裝器將其貼到不同的頁面和清單中。

目前,無法將「加入購物車」組件儲存為符號。儘管如此,您仍然可以複製它並將其插入商品頁面和產品選擇清單之間。對「元素」面板中的設定進行的任何調整都只會影響所選實例。關於樣式,更新具有類別的元素的樣式將更新具有相同類別的所有元素。因此,即使您不打算立即設定樣式,也要確保為購物車中的每個元素分配一個類別。未來的你會欣賞這種方法。

麥伊凡
Ewan Mak 的最新帖子 (看全部)