免費參與·100+跨境活動 
免費下載·4000+跨境資料 
免費學習·2000+直播課程 
免費加入·15萬+賣家交流群 
2022-10-09 11:49
【Shopify外貿建站】Shopify如何隱藏Add to cart加入購物車按鍵?（經典Shopify模板）
本文將介紹Shopify如何隱藏Add to cart加入購物車按鍵?（經典Shopify模板）。適用情況：您的Shopify網站想改成外貿型網站，進行產品展示、引導客戶詢盤表單咨詢報價、獲得顧客聯系方式、或訂閱等目標。
是的，Shopify網站是可以改成B2B外貿型網站的，把價格、數量選擇器、加車、購買等按鍵或網頁隱藏便可以。使用Shopify建外貿網站有這些優點：1.價格便宜。2.模塊化建站，操作簡單。3.商家可隨意控制、更改。
注意：此自定義用于經典 Shopify 模板，不適用于“Online Store 2.0”模板。“Online Store 2.0”模板請點擊頭像查找或咨詢博主。
可以看到下圖，現在這個產品是有Add to cart按鍵
我們接下來會把這個Add to cart按鍵隱藏。
1.進入到Shopify商家后臺，點擊Online Store
2.點擊Themes
3.點擊Actions
4.點擊Edit code
5.在Search files里輸入product
6.點擊main-product.liquid
7.按鍵盤Ctrl+F
8.在搜索框里輸入cart
9.如圖
10.找到以下代碼，可以注意代碼前部的數字范圍，可快速找到
type="submit"
name="add"
class="product-form__submit button button--full-width {% if block.settings.show_dynamic_checkout and product.selling_plan_groups == empty %}button--secondary{% else %}button--primary{% endif %}"
{% if product.selected_or_first_available_variant.available == false %}disabled{% endif %}
>
{%- if product.selected_or_first_available_variant.available -%}
{{ 'products.product.add_to_cart' | t }}
{%- else -%}
{{ 'products.product.sold_out' | t }}
{%- endif -%}
11.把這個代碼{% comment %}放到上圖代碼前面。把這個代碼{% endcomment %}放到上圖代碼后面
12.如以下代碼
{% comment %}
type="submit"
name="add"
class="product-form__submit button button--full-width {% if block.settings.show_dynamic_checkout and product.selling_plan_groups == empty %}button--secondary{% else %}button--primary{% endif %}"
{% if product.selected_or_first_available_variant.available == false %}disabled{% endif %}
>
{%- if product.selected_or_first_available_variant.available -%}
{{ 'products.product.add_to_cart' | t }}
{%- else -%}
{{ 'products.product.sold_out' | t }}
{%- endif -%}
{% endcomment %}
13.添加后，如圖
14.點擊右上角Save
15.回到產品頁，點擊刷新。多刷新幾次，可以等幾分鐘再刷新。
16.如圖，Add to cart按鍵已被隱藏
如果您有對Shopify改成B2B外貿型網站有任何疑問，歡迎咨詢博主。
（圖片來源：Shopify后臺截圖）
（來源：跨境出海陸路）
以上內容屬作者個人觀點，不代表雨果跨境立場！本文經原作者授權轉載，轉載需經原作者授權同意。?
收錄于以下專欄
