在產品頁面隱藏加入購物車按鈕
/manual/online-store/themes/theme-structure/templates
您可以自訂商品範本,隱藏特定區塊,以隱藏顧客將商品加入購物車的選項。接著,將該商品範本指派給您不希望顧客能加入購物車的一或多項商品。如此一來,您指派新商品範本的產品頁面上就不會顯示加入購物車按鈕。
在下列情況,您可能會想在特定產品頁面隱藏加入購物車按鈕:
- 您需要顧客聯絡您以索取商品價格報價。
- 您需要以預購選項取代加入購物車按鈕。
- 您販售客製化的訂製商品,需要顧客在購買前先聯絡您並說明商品需求。
只能將與您已發布的佈景主題相關聯的商品範本指派至產品頁面。若您在並非已發布的佈景主題中建立新範本,必須先發布該佈景主題,才能將其範本指派給商品。
為特定商品隱藏加入購物車按鈕
預設會為商品指派預設商品範本。您可以另外建立 not-for-sale 商品範本,隱藏一或多項商品的加入購物車按鈕,同時讓其他商品仍可在您的網路商店購買。
建立 not-for-sale 商品範本
若要在不變更預設商品範本的情況下自訂特定商品,您需要建立新的商品範本。
步驟:
在 Shopify 管理介面中,前往網路商店 > 佈景主題。
找到要編輯的佈景主題,然後按一下編輯佈景主題。
按一下首頁下拉式選單,然後點選商品 > ⊕ 建立範本。
在建立範本對話方塊中,於名稱欄位輸入新範本名稱,例如 not-for-sale,然後按一下建立範本。
在「區段」導覽側邊欄中,前往範本 > 產品資訊區塊,然後進行下列變更:
- 將游標移到數量選擇器區塊上,然後按一下眼睛圖示以隱藏該區塊。
- 將游標移到購買按鈕區塊上,然後按一下眼睛圖示以隱藏該區塊。
- 選用:將游標移到價格區塊上,然後按一下眼睛圖示以隱藏該區塊。
選用:如果您想在產品頁面加入文字,向顧客提供更多資訊,例如商品暫時無法購買時預計恢復銷售的日期,您可以依下列步驟新增並自訂新的區塊:
- 在產品資訊區段中,按一下⊕ 新增區塊 > 文字,以新增文字區塊。
- 按一下並拖曳新的文字區塊到您在產品頁面想要的位置。
- 在文字設定側邊欄中,於文字欄位輸入您的內容。
- 選取您偏好的文字樣式。
選用:如果您想加入聯絡表單,您可以依下列步驟在產品頁面新增並自訂新的區段:
- 在範本面板中,按一下⊕ 新增區段 > 聯絡表單。
- 按一下並拖曳新的聯絡表單區段到您在產品頁面想要的位置。
- 在聯絡表單設定側邊欄中,您可以依需要自訂表單。例如,您可以編輯標題文字欄位,顯示行動號召,例如 提交申請,加入我們的候補名單。
按一下儲存。
將 not-for-sale 範本指派給單一商品
在 Shopify 管理介面中,前往商品。
按一下要隱藏加入購物車按鈕的商品名稱。
在佈景主題範本區段中,按一下下拉式選單,然後選取 not-for-sale 範本。
按一下儲存。
批次將 not-for-sale 範本指派給多個商品
在 Shopify 管理介面中,前往商品。
勾選要隱藏加入購物車按鈕的商品旁的核取方塊,然後按一下大量編輯。
在大量編輯器中,按一下欄,然後按一下範本,將「範本」欄加入編輯器表格。
在每個商品列中,將範本設為 product.not-for-sale。
按一下儲存。
為所有商品隱藏加入購物車按鈕
如果您想為所有商品隱藏加入購物車按鈕,但仍允許顧客瀏覽您的網路商店,您可以自訂預設商品範本,將變更套用至所有現有與未來的商品。
步驟:
在 Shopify 管理介面中,前往網路商店 > 佈景主題。
找到要編輯的佈景主題,然後按一下編輯佈景主題。
按一下首頁下拉式選單,然後點選商品 > 預設商品。
在「區段」導覽側邊欄中,前往範本 > 產品資訊區塊,然後進行下列變更:
- 將游標移到數量選擇器區塊上,然後按一下眼睛圖示以隱藏該區塊。
- 將游標移到購買按鈕區塊上,然後按一下眼睛圖示以隱藏該區塊。
- 選用:將游標移到價格區塊上,然後按一下眼睛圖示以隱藏該區塊。
選用:如果您想在產品頁面加入文字,向顧客提供更多資訊,例如商品暫時無法購買時預計恢復銷售的日期,您可以依下列步驟新增並自訂新的區塊:
- 在產品資訊區段中,按一下⊕ 新增區塊 > 文字,以新增文字區塊。
- 按一下並拖曳新的文字區塊到您在產品頁面想要的位置。
- 在文字設定側邊欄中,於文字欄位輸入您的內容。
- 選取您偏好的文字樣式。
選用:如果您想新增聯絡表單,可依下列步驟在您的產品頁面加入並自訂新區塊:
- 在範本面板中,按一下⊕ 新增區段 > 聯絡表單。
- 按一下並拖曳新的聯絡表單區段到您在產品頁面想要的位置。
- 在 聯絡表單 的設定側邊欄,您可以依需求自訂聯絡表單。例如,您可以編輯 標題 文字欄位,顯示行動號召,例如 傳送申請,加入我們的候補名單。
按一下儲存。