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

/manual/online-store/themes/theme-structure/templates

您可以自訂商品範本隱藏特定區塊,以隱藏顧客將商品加入購物車的選項。接著,將該商品範本指派給您不希望顧客能加入購物車的一或多項商品。如此一來,您指派新商品範本的產品頁面上就不會顯示加入購物車按鈕。

在下列情況,您可能會想在特定產品頁面隱藏加入購物車按鈕:

  • 您需要顧客聯絡您以索取商品價格報價。
  • 您需要以預購選項取代加入購物車按鈕。
  • 您販售客製化的訂製商品,需要顧客在購買前先聯絡您並說明商品需求。

只能將與您已發布的佈景主題相關聯的商品範本指派至產品頁面。若您在並非已發布的佈景主題中建立新範本,必須先發布該佈景主題,才能將其範本指派給商品。

瞭解詳情:建立新範本將範本套用至商品

為特定商品隱藏加入購物車按鈕

預設會為商品指派預設商品範本。您可以另外建立 not-for-sale 商品範本,隱藏一或多項商品的加入購物車按鈕,同時讓其他商品仍可在您的網路商店購買。

建立 not-for-sale 商品範本

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

步驟:

  1. 在 Shopify 管理介面中,前往網路商店 > 佈景主題

  2. 找到要編輯的佈景主題,然後按一下編輯佈景主題

  3. 按一下首頁下拉式選單,然後點選商品 > ⊕ 建立範本

  4. 建立範本對話方塊中,於名稱欄位輸入新範本名稱,例如 not-for-sale,然後按一下建立範本

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

    1. 將游標移到數量選擇器區塊上,然後按一下眼睛圖示以隱藏該區塊。
    2. 將游標移到購買按鈕區塊上,然後按一下眼睛圖示以隱藏該區塊。
    3. 選用:將游標移到價格區塊上,然後按一下眼睛圖示以隱藏該區塊。
  6. 選用:如果您想在產品頁面加入文字,向顧客提供更多資訊,例如商品暫時無法購買時預計恢復銷售的日期,您可以依下列步驟新增並自訂新的區塊:

    1. 產品資訊區段中,按一下⊕ 新增區塊 > 文字,以新增文字區塊。
    2. 按一下並拖曳新的文字區塊到您在產品頁面想要的位置。
    3. 文字設定側邊欄中,於文字欄位輸入您的內容。
    4. 選取您偏好的文字樣式
  7. 選用:如果您想加入聯絡表單,您可以依下列步驟在產品頁面新增並自訂新的區段:

    1. 範本面板中,按一下⊕ 新增區段 > 聯絡表單
    2. 按一下並拖曳新的聯絡表單區段到您在產品頁面想要的位置。
    3. 聯絡表單設定側邊欄中,您可以依需要自訂表單。例如,您可以編輯標題文字欄位,顯示行動號召,例如 提交申請,加入我們的候補名單
  8. 按一下儲存

將 not-for-sale 範本指派給單一商品

  1. 在 Shopify 管理介面中,前往商品

  2. 按一下要隱藏加入購物車按鈕的商品名稱。

  3. 佈景主題範本區段中,按一下下拉式選單,然後選取 not-for-sale 範本。

  4. 按一下儲存

批次將 not-for-sale 範本指派給多個商品

  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. 按一下儲存