圖片來源：跨境出海陸路

【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按鍵已被隱藏