Debut 的佈景主題設定

主題設定 您可以透過佈景主題設定來自定線上商店的顏色和字體。您也可以建立您的社群媒體帳戶連結、編輯購物車設定,並新增 favicon。

Debut 包括以下佈景主題設定:

  • 色彩
  • 字體
  • 搜尋
  • 社交媒體
  • Favicon
  • 結帳

色彩

您可以指定線上商店內各部分的顏色。

調整顏色設定

  1. 按一下 的佈景主題設定 旁邊的「自訂」。

  2. 按一下「佈景主題設定」。

  3. 按一下「顏色」。

  4. 根據每種內容類型點擊顏色色樣,即可使用顏色選擇器。「最近選擇」區域會顯示您最近為佈景主題選擇過的顏色。「目前使用」區域會顯示您佈景主題其他部分目前正在使用的顏色。

    若要將顏色設定為透明,請按一下「」。

  5. 按一下「儲存」。

字體

您可以指定線上商店裡文字的字型風格和大小。

自訂您的字體設定

  1. 按一下 的佈景主題設定 旁邊的「自訂」。

  2. 按一下「佈景主題設定」。

  3. 按一下「字體」。

  4. 根據每一種文字類型點擊「變更」,即可使用字形選擇器:

  5. 您可以使用搜尋欄位或按一下「載入更多」查看有哪些字形。

    如果想檢視全部可用的字形,請看 Shopify 字形庫

  6. 按一下要使用的字體名稱。

  7. 若要變更粗體或斜體等字形風格,請點擊「標準」。接著,找到您想使用的風格,然後點擊旁邊的「選擇」。

  8. 按一下「儲存」。

搜尋

Debut 會包括搜尋預測,此功能會在顧客開始在搜尋欄位輸入時顯示產品的建議。產品建議可協助顧客清楚指明並調整搜尋的查詢範圍,同時提供他們以新的方式瀏覽線上商店。這些功能也可以讓顧客快速瀏覽相符內容而無須離開目前所在的頁面,即可查看不同的搜尋結果清單。

若要變更搜尋預測設定:

  1. 在 Shopify 管理員中,前往「線上商店」 > 「佈景主題」
  2. 在「Debut」區段中,按一下「自訂」。
  3. 點擊「佈景主題設定」。
  4. 按一下「搜尋」,並進行所需的變更:

- 啟用產品建議 - 啟用或停用產品建議。 - 顯示供應商 - 在產品建議中顯示或隱藏廠商。 - 顯示價格 - 在產品建議中顯示或隱藏價格。

  1. 點擊「儲存」。

若要深入瞭解產品建議的運作方式,請參閱搜尋預測

社交媒體

您可以為產品和部落格貼文加入社交分享按鈕,以及指向您的社交媒體帳戶的連結。

如要自訂社交媒體設定:

  1. 點擊 的佈景主題設定 旁邊的「自訂」。

  2. 點擊「佈景主題設定」。

  3. 點擊「社交媒體」。

  4. 如要上傳社群分享圖片,請在「社群分享圖片」區域中,點擊「選擇圖片」或「探索免費圖片」。

  5. 如要在您的產品和部落格貼文中新增社交分享按鈕,請在「分享選項」區域中勾選任一或所有核取方塊。 您可以加入以下的分享按鈕:

- 分享至 Facebook - 在 Twitter 上發佈推文 - 在 Pinterest 上收藏為釘圖 (不適用於部落格貼文分享)

  1. 如要新增指向您社交媒體帳戶的連結,請前往「帳戶」區域,在提供的欄位中輸入指向您帳戶的連結。輸入完整的連結,例如 https://instagram.com/shopifyhttps://twitter.com/shopify

    指向您社交媒體帳戶的連結會顯示在您線上商店的頁尾。

  2. 點擊「儲存」。

Favicon

您可以上傳收藏的圖示或 Favicon,並透過在以下位置顯示您的商標,協助您塑造線上商店的品牌形象:

  • 您的網路瀏覽器分頁
  • 您的網路瀏覽器的歷程記錄
  • 您桌面上的圖示
  • 線上商店名稱旁邊 (如果線上商店已加入書籤的話)。

Debut 的最佳 Favicon 圖片尺寸為 32 x 32 像素。

如要上傳 Favicon:

  1. 在「Debut」區段中,按一下「自訂」。

  2. 點擊「佈景主題設定」索引標籤。

  3. 點擊「Favicon」。

  4. 在「Favicon 圖片」區域中,點擊「選擇圖片」,然後執行下列任一操作:

- 若要選擇已上傳到 Shopify 管理員的圖片,請點擊「圖庫」索引標籤。 - 如要從電腦本機中選擇圖片,請點擊「圖庫」索引標籤,然後點擊加號按鈕。

  1. 點擊「儲存」。

「加入購物車」通知

您可以在客戶將商品加入至購物車時,顯示內含購物車連結的通知。

產品頁面的右上角有一個彈出式通知,用來顯示已加入購物車的商品有哪些

若已停用此通知,系統會在顧客將品項加入購物車後,直接將其導向購物車頁面。

若要啟用此項通知:

  1. 在「Debut」區段中,按一下「自訂」。

  2. 點擊「佈景主題設定」索引標籤。

  3. 按一下「加入購物車通知」。

  4. 選擇是否要啟用「商品加入購物車時顯示通知」設定。

  5. 點擊「儲存」。

結帳

您可以自訂結帳頁面以包含以下內容:

  • 頁面頂端的自訂圖片橫幅
  • 您的商店標誌
  • 主要內容區域中的背景圖片或顏色
  • 自訂文字字體和顏色。

如要在套用變更時顯示變更內容,請前往佈景主題編輯器中的結帳頁面。

存取結帳頁面設定

  1. 在「Debut」區段中,按一下「自訂」。

  2. 點擊「佈景主題設定」索引標籤。

  3. 按一下「結帳」

新增橫幅圖片

  1. 在「橫幅」區域中,選取「使用自訂背景」核取方塊。

  2. 按一下「選擇檔案」來上傳圖片檔案。

新增標誌

  1. 在「商標」區域中,從「圖片」下拉式選單選擇「自訂」。

  2. 按一下「選擇檔案」連結來上傳圖片檔案。

  3. 從「位置」下拉式選單中,選取要將圖片靠左、靠右或置中顯示。

  4. 從「商標尺寸」清單中,選擇商標大小。

自訂主要內容區域

  1. 在「主要內容區域」區域中,選取「使用自訂背景」核取方塊。

  2. 請執行下列其中一項操作:

- 按一下「選擇檔案」來上傳圖片檔案。 - 按一下「背景顏色」色樣,以從調色盤中選擇新顏色。

  1. 從「表單欄位」下拉式選單中,選擇白色或透明欄位。

自訂訂單摘要頁面

  1. 在「訂單摘要」區域中,選取「使用自訂背景」核取方塊。

  2. 請執行下列其中一項操作:

- 按一下「選擇檔案」來上傳圖片檔案。 - 按一下「背景顏色」色樣,以從調色盤中選擇新顏色。

設定字體選項

  • 在「字體」區域中,從下拉式選單中選擇用於標題和正文文字的字體。

設定顏色選項

  • 在「顏色」區域中,按一下「強調色」、「按鈕」或「錯誤」顏色色樣,即可從調色盤中選擇新顏色。

變更佈景主題樣式

您可以將佈景主題的一般設定重設為預設值。重設佈景主題樣式後,您在一般設定索引標籤上所做的任何變更均會遺失,但並不會遺失文字和圖片等內容。

  1. 按一下「一般設定」索引標籤。

  2. 按一下「變更佈景主題樣式」

  3. 按一下「變更佈景主題樣式」下方的按鈕。此按鈕的名稱通常是佈景主題的名稱。

  4. 按一下「變更樣式」

準備好開始透過 Shopify 銷售商品了嗎?

免費試用