在產品頁面上隱藏「加入購物車」按鈕

備註

若您使用的是 Shopify 提供的免費佈景主題，您就能聯絡 Shopify 支援服務，取得有關本教學課程的協助。需要 15 分鐘的設計時間。深入瞭解 Shopify 設計政策。

備註

此自訂內容僅適用於舊版 Shopify 佈景主題，且不適用於 Online Store 2.0 佈景主題。瞭解您佈景主題的架構版本。

若要對顧客隱藏將商品加入購物車的選項，請自訂商品範本，藉此將新增品項到購物車的相關特定區塊隱藏。然後，您可以將該商品範本指派給您不想讓顧客加到購物車的一或多項商品。這表示在指派新商品範本的產品頁面上不會顯示「加入購物車」按鈕。

在下列情況中，您可能想要隱藏特定產品頁面的「加入購物車」按鈕：

• 您希望顧客與您聯繫以取得商品價格的報價。
• 您需要一個預購選項，而不是「加入購物車」按鈕。
• 您銷售的是客製化商品，需要顧客在購買前與您聯繫並告知商品要求。

商品範本必須與已發布的佈景主題相關聯，才可指派至產品頁面。如果您在不是已發布的佈景主題中建立新範本，則必須先發布該佈景主題才能將其範本指派給商品。

深入瞭解如何建立新範本和套用範本至商品。

隱藏特定商品的「加入購物車」按鈕

依預設，系統會為商品指派「預設商品」範本。您可以另外建立「非賣品」商品範本來隱藏一或多項商品的「加入購物車」按鈕，而其他商品仍可在您的網路商店上販售。

建立非賣品商品範本

若要在不變更預設商品範本的情況下自訂特定商品，您必須建立新的商品範本。

步驟如下：

1. 在 Shopify 管理介面中，前往「網路商店」>「佈景主題」。
2. 尋找要編輯的佈景主題，然後點擊「自訂」。
3. 按一下「首頁」下拉式選單，然後點按「商品」>「⊕ 建立範本」。
4. 在「建立範本」對話方塊中，於「名稱」欄位輸入新範本的名稱 (例如：非賣品)，然後按一下「建立範本」。

5. 在「區段」導覽側邊欄中，前往「範本」>「商品資訊」區塊，然後進行下列變更：

   1. 將游標停留在「數量選擇器」區塊上，然後按一下眼睛圖示來隱藏該區塊。
   2. 將游標停留在「購買按鈕」區塊上，然後按一下眼睛圖示來隱藏該區塊。
   3. 選用：將游標停留在「價格」區塊上，然後按一下眼睛圖示來隱藏該區塊。

6. 選用：如果您想在產品頁面上新增一些文字以向顧客提供更多資訊 (例如，商品缺貨時預計恢復銷售的日期)，請按照下列步驟新增和自訂新區塊：

   1. 在「商品資訊」區段中，點按「⊕ 新增區塊」>「文字」以新增文字區塊。
   2. 點按新的「文字區塊」，並將它拖曳到產品頁面上的適當位置。
   3. 在「文字」設定側邊欄中，將文字新增至「文字」欄位。
   4. 選取您偏好的文字樣式。

7. 選用：如果要新增聯絡表單，您可以按照下列步驟在產品頁面上新增和自訂新區段：

   1. 在「範本」面板中，點按「⊕ 新增區段」>「聯絡表單」。
   2. 點按新的「聯絡表單」，並將它拖曳到產品頁面上的適當位置。
   3. 在「聯絡表單」設定側邊欄中，您可以根據需要自訂聯絡表單。舉例來說，您可以編輯「標題」文字欄位來顯示行動號召，例如：向我們傳送要求以加入我們的等候名單。

8. 點擊「儲存」。

將非賣品範本指派給單一商品

1. 在 Shopify 管理介面 中，前往「產品」。
2. 按一下要隱藏「加入購物車」按鈕的商品名稱。
3. 在「佈景主題範本」區段中點按下拉式選單，然後選取「非賣品」範本。
4. 點擊「儲存」。

將非賣品範本大量指派給多項商品

1. 在 Shopify 管理介面 中，前往「產品」。
2. 找到要隱藏「加入購物車」按鈕的商品並點按旁邊的核取方塊，然後按一下「大量編輯」。
3. 在「大量編輯器」中，依序點按「欄」和「範本」以將範本欄新增至編輯器表格中。
4. 在每個商品列中，將「範本」設為「product.not-for-sale」。
5. 點擊「儲存」。

隱藏所有商品的「加入購物車」按鈕

如果您想隱藏所有商品的「加入購物車」按鈕，但仍要讓顧客瀏覽您的網路商店，請自訂「預設商品」範本，將變更套用到所有現有和日後的商品。

秘訣

如果您不希望顧客能夠購買商品或瀏覽您的網路商店，請使用密碼來限制網路商店的存取權限。

步驟如下：

1. 在 Shopify 管理介面中，前往「網路商店」>「佈景主題」。
2. 尋找要編輯的佈景主題，然後點擊「自訂」。
3. 按一下「首頁」下拉式選單，然後點按「商品」>「預設商品」。

4. 在「區段」導覽側邊欄中，前往「範本」>「商品資訊」區塊，然後進行下列變更：

   1. 將游標停留在「數量選擇器」區塊上，然後按一下眼睛圖示來隱藏該區塊。
   2. 將游標停留在「購買按鈕」區塊上，然後按一下眼睛圖示來隱藏該區塊。
   3. 選用：將游標停留在「價格」區塊上，然後按一下眼睛圖示來隱藏該區塊。

5. 選用：如果您想在產品頁面上新增一些文字以向顧客提供更多資訊 (例如，商品缺貨時預計恢復銷售的日期)，請按照下列步驟新增和自訂新區塊：

   1. 在「商品資訊」區段中，點按「⊕ 新增區塊」>「文字」以新增文字區塊。
   2. 點按新的「文字區塊」，並將它拖曳到產品頁面上的適當位置。
   3. 在「文字」設定側邊欄中，將文字新增至「文字」欄位。
   4. 選取您偏好的文字樣式。

6. 選用：如果要新增聯絡表單，您可以按照下列步驟在產品頁面上新增和自訂新區段：

   1. 在「範本」面板中，點按「⊕ 新增區段」>「聯絡表單」。
   2. 點按新的「聯絡表單」，並將它拖曳到產品頁面上的適當位置。
   3. 在「聯絡表單」設定側邊欄中，您可以根據需要自訂聯絡表單。舉例來說，您可以編輯「標題」文字欄位來顯示行動號召，例如：向我們傳送要求以加入我們的等候名單。

7. 點擊「儲存」。