隱藏產品價格

注意

Shopify Theme Store 不提供舊版佈景主題。這些主題不含 Shopify Online Store 2.0 佈景主題的功能，且 Shopify 免費的舊版佈景主題只能接收安全性修復的相關更新。

備註

如果您用的是 Shopify 的免費佈景主題，則可以聯絡 Shopify 支援服務協助您瞭解此教學課程。需要 15 分鐘的設計時間。深入瞭解 Shopify 設計政策。

備註

此自訂內容僅適用於舊版 Shopify 佈景主題，且不適用於 Online Store 2.0 佈景主題。

• 瞭解您佈景主題的架構版本
• 探索 Online Store 2.0 佈景主題的自訂內容

您可以透過編輯幣別格式，隱藏所有產品價格，並在未來再次顯示價格。

秘訣

如果您想暫時防止顧客購買商品，也可以停用購物車。

步驟如下：

電腦版

1. 在 Shopify 管理介面 中，前往「設定」。
2. 點按「一般」。
3. 在「商店預設值」區段中，點按「…」>「變更格式」。
4. 將前兩種格式包裹在 span 元素中，並將類別設為 hidden。請勿使用引號。例如，下列是幣別為美元的商店之含幣別的 HTML 格式：

<span class=hidden>${{ amount }} USD</span>

下列是不含幣別的 HTML 格式：

<span class=hidden>${{ amount }}</span>

iPhone

1. 在 Shopify 應用程式中，點選「…」按鈕。

2. 點一下「設定」。

3. 在「商店設定」區段中，點選「一般」。

4. 在「商店預設值」區段中，點選「…」>「變更格式」。

5. 將前兩種格式包裹在 span 元素中，並將類別設為 hidden。請勿使用引號。例如，下列是幣別為美元的商店之含幣別的 HTML 格式：

<span class=hidden>${{ amount }} USD</span>

下列是不含幣別的 HTML 格式：

<span class=hidden>${{ amount }}</span>

Android

1. 在 Shopify 應用程式中，點選「☰」按鈕。

2. 點一下「設定」。

3. 在「商店設定」區段中，點選「一般」。

4. 在「商店預設值」區段中，點選「…」>「變更格式」。

5. 將前兩種格式包裹在 span 元素中，並將類別設為 hidden。請勿使用引號。例如，下列是幣別為美元的商店之含幣別的 HTML 格式：

<span class=hidden>${{ amount }} USD</span>

下列是不含幣別的 HTML 格式：

<span class=hidden>${{ amount }}</span>

注意

請勿將 <span class=hidden>${{ amount }}</span> 置於「內含幣別的電子郵件」和「不含幣別的電子郵件」欄位中。

請勿在價錢格式中新增引號，因為這可能會干擾佈景主題 JavaScript 的功能。

這應該會隱藏您店面的所有價格。如果仍顯示價格，則必須在佈景主題樣式表最下方新增一些程式碼。請繼續按照後續步驟操作。

電腦版

1. 在 Shopify 管理介面中，前往「網路商店」>「佈景主題」。
2. 找到要編輯的佈景主題，按一下「...」按鈕以開啟動作選單，然後點擊「編輯程式碼」。

3. 在「資產」目錄中，點擊以開啟「theme.scss.liquid」檔案。樣式表的名稱可能會因佈景主題而異，因此如果您找不到 theme.scss.liquid，請尋找下列其中一種名稱：

   • style.scss.liquid
   • styles.scss.liquid
   • theme.css.liquid
   • timber.scss.liquid

4. 在檔案的最下方，新增下列程式碼：

.hidden {
  display: none;
}

1. 點擊「儲存」。

iPhone

1. 在 Shopify 應用程式中，點選「…」按鈕。
2. 在銷售管道畫面上，點一下「線上商店」。
3. 點一下「管理佈景主題」。
4. 找到要編輯的佈景主題，按一下「...」按鈕以開啟動作選單，然後點擊「編輯程式碼」。

5. 在「資產」目錄中，點擊以開啟「theme.scss.liquid」檔案。樣式表的名稱可能會因佈景主題而異，因此如果您找不到 theme.scss.liquid，請尋找下列其中一種名稱：

   • style.scss.liquid
   • styles.scss.liquid
   • theme.css.liquid
   • timber.scss.liquid

6. 在檔案的最下方，新增下列程式碼：

.hidden {
  display: none;
}

1. 點擊「儲存」。

Android

1. 在 Shopify 應用程式中，點選「…」按鈕。
2. 在銷售管道畫面上，點一下「線上商店」。
3. 點一下「管理佈景主題」。
4. 找到要編輯的佈景主題，按一下「...」按鈕以開啟動作選單，然後點擊「編輯程式碼」。

5. 在「資產」目錄中，點擊以開啟「theme.scss.liquid」檔案。樣式表的名稱可能會因佈景主題而異，因此如果您找不到 theme.scss.liquid，請尋找下列其中一種名稱：

   • style.scss.liquid
   • styles.scss.liquid
   • theme.css.liquid
   • timber.scss.liquid

6. 在檔案的最下方，新增下列程式碼：

.hidden {
  display: none;
}

1. 點擊「儲存」。

當您準備好再次顯示價格時，請將商店幣別變更為其他幣別，然後再變更回原本的幣別。這會將設定還原為商店幣別的預設價錢格式，並在店面中再次顯示價格。