新增、預覽和購買佈景主題

為了協助您快速上手,當您開設 Shopify 帳號時,管理介面的「佈景主題」頁面會設定好預設佈景主題。若要為網路商店自訂不同的佈景主題,您需要新增佈景主題至管理介面中。

您可以透過以下幾種方式新增佈景主題:

如果您是開發人員,或與 Shopify 合作夥伴或代理商合作,您也可以以下列方式為商店新增佈景主題:

您可以在帳號新增多個佈景主題,以便試用任何新版佈景主題、保留已發佈的佈景主題的季節性版本,或是對已發佈的佈景主題副本進行變更測試。您可以預覽這些佈景主題,但任何時候都只能發佈一個佈景主題。在您切換至新版佈景主題後,仍可以在 Shopify 的「佈景主題」頁面上查看舊版佈景主題。

您可以新增的佈景主題數量視您的方案而定。您的 Shopify 帳號 最多可以新增 20 個佈景主題。有關 Shopify Plus 佈景主題數量上限,請參閱 Shopify Plus。如果您已達到方案的佈景主題數量上限,則需要先移除佈景主題,然後才能新增佈景主題。分店需要擁有每個已上線分店的佈景主題授權。

新增佈景主題後,您可以建立連結,以便與其他人分享預覽畫面。如果您希望在發佈新佈景主題或啟動網路商店前獲得意見回饋,這項功能就非常實用。

從管理介面新增免費佈景主題

Shopify 開發的免費佈景主題Shopify 支援免費佈景主題的自訂項目協助。

步驟:

電腦版
  1. 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
  2. 在頁面底部的「熱門免費佈景主題」區段中,查看 Shopify Theme Store 的熱門免費佈景主題,或點擊「造訪 Theme Store」來瀏覽所有可用的佈景主題。
  3. 點擊 Shopify Theme Store 中的佈景主題名稱,以查看該佈景主題的詳細資訊。
  4. 點擊佈景主題的「新增」按鈕。該佈景主題隨即會新增到管理介面中「佈景主題」頁面的「佈景主題庫」區段。
iPhone
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點一下「管理佈景主題」
  4. 在頁面底部的「熱門免費佈景主題」區段中,查看 Shopify Theme Store 的熱門免費佈景主題,或點擊「造訪 Theme Store」來瀏覽所有可用的佈景主題。
  5. 點擊 Shopify Theme Store 中的佈景主題名稱,以查看該佈景主題的詳細資訊。
  6. 點擊佈景主題的「新增」按鈕。該佈景主題隨即會新增到管理介面中「佈景主題」頁面的「佈景主題庫」區段。
Android
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點一下「管理佈景主題」
  4. 在頁面底部的「熱門免費佈景主題」區段中,查看 Shopify Theme Store 的熱門免費佈景主題,或點擊「造訪 Theme Store」來瀏覽所有可用的佈景主題。
  5. 點擊 Shopify Theme Store 中的佈景主題名稱,以查看該佈景主題的詳細資訊。
  6. 點擊佈景主題的「新增」按鈕。該佈景主題隨即會新增到管理介面中「佈景主題」頁面的「佈景主題庫」區段。

試用 Shopify Theme Store 的付費佈景主題

您可以先在 Shopify 管理介面中預覽佈景主題試用,再決定購買付費佈景主題。預覽主題時,您可以使用佈景主題編輯器自訂設定,例如使用品牌的顏色、樣式和產品來變更佈景主題。若您購買佈景主題,系統會儲存您所做的任何變更。

您一次最多能預覽 19 個付費佈景主題,這可讓您在購買之前,先比較不同的佈景主題。您正在試用的付費佈景主題會有「佈景主題試用」標籤。

若要取得付費佈景主題的支援服務,請聯絡佈景主題開發人員。

步驟:

  1. 造訪 Shopify Theme Store 並選擇一個付費佈景主題。
  2. 點擊「試用佈景主題」,來為您的網路商店新增佈景主題。
  3. 在您的Shopify 管理介面 中,點擊「網路商店」>「佈景主題」。
  4. 在「佈景主題庫」區段中,點擊欲預覽之佈景主題旁的「...」按鈕,以開啟動作選單。
  5. 點擊「預覽」。

您還可以自訂正在預覽的佈景主題。如果您對佈景主題在商店中顯示出的效果感到滿意,即可購買佈景主題並保留預覽時所有的自訂內容。

購買 Shopify Theme Store 的佈景主題

您在網路商店試用了付費佈景主題後,即可選擇購買。您只能將購買的佈景主題發布到您的網路商店。透過 Shopify Theme Store 購買佈景主題後,該佈景主題會獨家授權給購買時所用的商店。如果想在不同的商店中使用您的佈景主題,您可能有資格轉移佈景主題

付費佈景主題是由第三方開發人員打造。第三方佈景主題的一般支援服務和更新,由佈景主題開發人員提供。如果需要進階自訂,但沒有使用 HTML、CSS 和 JavaScript 開發網站的經驗,請考慮聘僱 Shopify 合作夥伴

步驟:

  1. 在 Shopify 管理介面中,前往「設定」>「應用程式和銷售管道」。

  2. 在「應用程式和銷售管道」頁面中,點擊 Online store

  3. 點擊「開啟銷售管道」。

  4. 點擊「主題」」。

  5. 點按「新增佈景主題」>「造訪 Theme Store」。

  6. 搜尋要購買的佈景主題,然後按一下「試用佈景主題」。

  7. 在「佈景主題庫」區段中,點擊欲購買之佈景主題的「購買」,以開始進行交易。

從您的電腦上傳佈景主題檔案

如果您的電腦中已有佈景主題的 ZIP 檔案,您可以將該檔案上傳至管理介面中的「佈景主題」頁面。

在上傳檔案之前,請確認您已將佈景主題檔案壓縮為 ZIP 檔。

步驟:

電腦版
  1. 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
  2. 在「佈景主題庫」區段中,點擊「新增佈景主題」,然後點擊「上傳 zip 檔」。
  3. 在「上傳佈景主題」視窗中點擊「選擇檔案」,來選取要上傳的 ZIP 檔。
  4. 按一下「上傳」。該佈景主題隨即會新增到管理員的「佈景主題」頁面。
iPhone
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點一下「管理佈景主題」
  4. 在「佈景主題庫」區段中,點擊「新增佈景主題」,然後點擊「上傳 zip 檔」。
  5. 在「上傳佈景主題」視窗中點擊「選擇檔案」,來選取要上傳的 ZIP 檔。
  6. 按一下「上傳」。該佈景主題隨即會新增到管理員的「佈景主題」頁面。
Android
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點一下「管理佈景主題」
  4. 在「佈景主題庫」區段中,點擊「新增佈景主題」,然後點擊「上傳 zip 檔」。
  5. 在「上傳佈景主題」視窗中點擊「選擇檔案」,來選取要上傳的 ZIP 檔。
  6. 按一下「上傳」。該佈景主題隨即會新增到管理員的「佈景主題」頁面。

切換佈景主題

在您將新版佈景主題新增至商店後,這些佈景主題會顯示在 Shopify「佈景主題」頁面的「佈景主題庫」區段中。若要切換佈景主題,您可以將新版佈景主題發布至網路商店。在您發布新版佈景主題後,仍可從佈景主題庫中存取舊版佈景主題,而您也能隨時選擇切換回舊版佈景主題。

如果您是手動更新佈景主題,則更新版的佈景主題就會在佈景主題庫中顯示為另一個獨立版本。在您切換為更新版後,仍可以在佈景主題程式庫中存取舊版佈景主題。若要瞭解詳情,請參閱「更新佈景主題」。

準備切換佈景主題

佈景主題新增至您的佈景主題庫後,您可以開始量身訂作然後再發佈。這是一個好機會,讓您在取代現有的佈景主題之前,先檢視新佈景主題、調整設定及內容,以反映您的商店特色。您也可以在先行準備好的多個佈景主題之間切換,而不必重新設定。

您改用新的佈景主題時,系統不會變更或刪除商店的商品、商品系列、選單、頁面和網誌文章,因為在管理介面中,這些內容與佈景主題分開管理。不過,使用佈景主題編輯器、佈景主題程式碼編輯器以及語言編輯器管理的內容和設定,則專屬於您上傳的每個佈景主題和佈景主題版本。

您的網路商店有以下項目與佈景主題相關聯。您必須為想要使用的每個佈景主題,自訂網路商店的這些項目:

並非所有的佈景主題都支援 Shopify 的所有功能。您應檢閱佈景主題的功能清單,以確保得到您所需的功能。

與他人分享佈景主題預覽

如果您即將發佈線上商店或計畫透過發佈新的佈景主題來變更外觀和風格,那麼您可以分享佈景主題預覽以取得其他人的回饋意見。您可以建立連結,讓其他人可以使用此連結來存取您在 Shopify 管理介面新增的佈景主題的預覽。佈景主題無需發佈即可與他人分享。

預覽連結可讓他人瀏覽您的網路商店,但無法存取結帳頁面。預覽連結建立後 2 天內均為有效。您可以視需要隨時建立新連結,且不會影響舊的預覽連結。

步驟:

電腦版
  1. 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
  2. 針對要分享的佈景主題,點擊「...」按鈕以開啟動作選單,然後點擊「預覽」。
  3. 在頁面底部的預覽列,按一下「分享預覽」。包含專屬分享連結的視窗隨即開啟。
  4. 按一下「複製連結」以將連結複製到剪貼簿中。
  5. 在電子郵件、線上聊天或社交媒體中貼上連結以進行分享。
iPhone
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點一下「管理佈景主題」
  4. 針對要分享的佈景主題,點擊「...」按鈕以開啟動作選單,然後點擊「預覽」。
  5. 在頁面底部的預覽列,按一下「分享預覽」。包含專屬分享連結的視窗隨即開啟。
  6. 按一下「複製連結」以將連結複製到剪貼簿中。
  7. 在電子郵件、線上聊天或社交媒體中貼上連結以進行分享。
Android
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點一下「管理佈景主題」
  4. 針對要分享的佈景主題,點擊「...」按鈕以開啟動作選單,然後點擊「預覽」。
  5. 在頁面底部的預覽列,按一下「分享預覽」。包含專屬分享連結的視窗隨即開啟。
  6. 按一下「複製連結」以將連結複製到剪貼簿中。
  7. 在電子郵件、線上聊天或社交媒體中貼上連結以進行分享。
沒有找到您需要的答案嗎?我們很樂意為您提供協助。