header-logo
開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
聘用專業人士與專家配對,幫助實現目標。
placeholder-preview-image

Wix Stores:自訂產品頁面

重要:
本文適用於 Wix 編輯器和 Wix Harmony 編輯器中的產品頁面,以及 Studio 編輯器中的新版產品頁面。了解如何自訂舊版 Wix Studio 產品頁面
產品頁面是動態頁面,可顯示每項產品的詳細資訊。
Wix 商店範例網站的產品頁面螢幕截圖。
頁面設計一律相同,但內容(產品圖片和文字)會依顯示的產品而變更。
對產品頁面進行的任何自訂(例如變更背景色彩或按鈕文字)都會套用至所有產品。

顯示或隱藏產品頁面元件

點擊「顯示」標籤,選擇要在產品頁面顯示或隱藏的元件。
請留意,產品頁面預設會啟用「新增至購物車」按鈕。也可在「設定」標籤中啟用願望清單圖示,以及「立即購買」按鈕。
Wix 網站產品頁面上部分可顯示按鈕的螢幕截圖
也可將「立即購買」按鈕替換成快速結帳選項(例如 PayPal、Apple Pay、Google Pay)。
Wix 網站產品頁面上部分可顯示按鈕的螢幕截圖
深入了解如何使用PayPal 結帳,或使用Apple Pay 或 Google Pay 結帳

顯示或隱藏產品頁面元件:

  1. 前往編輯器
  2. 前往產品頁面:
    1. 點擊編輯器左側的「頁面與選單
    2. 點擊「商店頁面」。
    3. 點擊「產品頁面」。
  3. 點擊頁面上的產品頁面元件。
  4. 點擊「設定」。
Wix 編輯器中的產品頁面螢幕截圖,其中以邊框標示「設定」按鈕
  1. 點擊「顯示」標籤。
  2. 勾選或取消勾選核取方塊,即可顯示或隱藏元件。
提示:
選擇「低庫存訊息」旁的核取方塊,即可告知顧客庫存僅剩少量。產品庫存降至 10 件以下時,系統會顯示訊息(例如「庫存僅剩 3 件」)。

自訂產品頁面設定

  1. 前往編輯器
  2. 前往產品頁面:
    1. 點擊編輯器左側的「頁面與選單
    2. 點擊「商店頁面」。
    3. 點擊「產品頁面」。
  3. 點擊頁面上的產品頁面元件。
  4. 點擊「設定」。
Wix 編輯器中的產品頁面螢幕截圖,其中「設定」按鈕以邊框標示
  1. 點擊「設定」索引標籤。
  2. 點擊「新增至購物車」按鈕:
    1. 點擊「固定顯示按鈕」切換開關即可啟用。
      提示:此設定適用於行動裝置。啟用後,「新增至購物車」按鈕會始終顯示。
    2. 選擇點擊按鈕後執行的操作:
      • 顯示成功彈出視窗:系統會顯示彈出式通知。
        注意:行動裝置上不會顯示此彈出視窗,而是會將顧客導向購物車頁面。
      • 開啟側邊購物車:側邊購物車會在畫面側邊開啟。
      • 前往購物車頁面:系統會將顧客直接帶往完整的購物車頁面。
      • 留在產品頁面:顧客會留在產品頁面。按鈕會顯示勾號,表示產品已成功加入購物車。
  3. 點擊「願望清單」按鈕,然後點擊「顯示『新增至願望清單』按鈕」切換開關,即可啟用或停用。
    提示:深入了解如何新增及設定願望清單

自訂版面配置與圖片顯示

點擊「版面配置」索引標籤,為商店選擇最合適的產品頁面版面配置。接著,自訂圖片顯示方式。
注意:
圖片選項會依所選版面配置而異。
  1. 前往編輯器
  2. 前往產品頁面:
    1. 點擊編輯器左側的「頁面和選單
    2. 點擊「商店頁面」。
    3. 點擊「產品頁面」。
  3. 點擊頁面上的產品頁面元件。
  4. 點擊「設定」。
Wix 編輯器中的產品頁面螢幕截圖,其中「設定」按鈕以邊框標示
  1. 點擊「版面配置」索引標籤。
  2. 一般:
    1. 選擇產品頁面的版面配置。
    2. 點擊「伸展至全螢幕」切換開關,即可啟用或停用此功能。
  3. 產品圖片:深入了解如何在商店中顯示圖片
    1. 點擊「圖片比例」下拉式選單,然後選擇比例。
    2. 在「圖片調整大小的方式」下方選擇選項:
      • 裁切:將所有圖片裁切成相同大小。
      • 最適大小:維持圖片的外觀比例。
    3. 點擊「縮放圖片」切換開關,即可啟用此功能(僅適用於部分版面配置)。注意:若要預覽縮放效果,請前往已上線網站。
    4. 在「顯示縮圖」下方選擇圖片縮圖的顯示方式。
  4. 色樣:選擇產品選項和修飾文字選擇(例如「尺寸」)的顯示方式,並自訂所選選項。

自訂產品頁面設計

可自訂色彩、字型、按鈕樣式等,打造符合商店風格的外觀。若要開始,請點擊「設計」索引標籤。
提示:
可用的自訂選項可能會因所選的版面配置和設定選項而異。
  1. 前往編輯器
  2. 前往產品頁面:
    1. 點擊編輯器左側的「頁面與選單」圖示
    2. 點擊「商店頁面」。
    3. 點擊「產品頁面」。
  3. 點擊頁面上的產品頁面元件。
  4. 點擊「設定」。
Wix 編輯器中的產品頁面,以及以邊框標示的「設定」按鈕
  1. 點擊「設計」索引標籤。
  2. 使用可用的選項自訂設計。
了解更多:

編輯產品頁面按鈕文字

點擊「文字」索引標籤,即可編輯產品頁面按鈕上可顯示的任何文字選項。
提示:
若已停用「新增至購物車」或「立即購買」按鈕,部分選項將不會顯示。
  1. 前往編輯器
  2. 前往產品頁面:
    1. 點擊編輯器左側的「頁面和選單
    2. 點擊「商店頁面」。
    3. 點擊「產品頁面」。
  3. 點擊頁面上的產品頁面元件。
  4. 點擊「設定」。
Wix 編輯器中產品頁面的螢幕截圖,其中「設定」按鈕以邊框標示
  1. 點擊「文字」索引標籤。
  2. 編輯任何可用的文字選項。
了解更多:

常見問題