Debut

Debut 是一款適合所有商店的彈性佈景主題,各種規模的庫存都能使用。您可以透過 Debut 快速設定商店並開始銷售,Debut 本身即相當美觀,不須任何佈景主題主題自訂。

使用 Debut 的線上商店範例

Debut 適用於以下情形:

  • 立即開始銷售,無須對佈景主題進行諸多自訂
  • 確保您的商店在平板電腦和智慧型手機上也能良好顯示
  • 輕鬆重新安排商店的版面配置,並即時查看變更。

佈景主題編輯器

使用佈景主題編輯器來自訂您的佈景主題。佈景主題編輯器分為「區段」「佈景主題設定」兩個部分。

有「區段」和「佈景主題設定」的佈景主題編輯器工具列

您可以使用區段來修改商店不同頁面的內容和版面配置。您可以使用佈景主題設定來自訂商店的字體和顏色,以及變更社群媒體連結和結帳設定。

區段即是可以決定您線上商店中各頁面版面配置,並可由您自訂的內容方塊。

  • 首頁區段包含幻燈片或電子報註冊等功能,您可以新增、重新排列或移除這些功能。首頁上最多可以有 25 個區段。

  • 不同的頁面類型有不同的區段。舉例來說,產品頁面區段就會決定您線上商店中每個產品頁面的版面配置。

  • 頁面區段一定會位於您線上商店內的特定位置。您可以自訂這些區段,但是無法重新排列或移除。

  • 每項佈景主題都有固定的區段,如標頭、頁尾等等,這些區段會顯示在線上商店的所有頁面上。

您可以瞭解的獨特區段集和如何按照公司風格自訂這些區段的方法。

Debut 包括以下的靜態區段:

  • 標頭
  • 頁尾
  • 產品頁面
  • 商品系列頁面
  • 商品系列清單頁面
  • 部落格頁面
  • 貼文
  • 購物車頁面

動態區段

您可以新增重新排列移除這些動態區段,以便自訂首頁的版面配置。每項佈景主題都有獨特的動態區段集可供挑選。

Debut 包括以下的動態區段:

  • 部落格文章
  • 商品系列清單
  • 精選商品系列
  • 圖庫
  • 附文字的圖片
  • 附文字疊加的圖片
  • 標誌清單
  • 投影片播放
  • 精選產品
  • 電子報
  • 地圖
  • RTF 文字
  • 推薦文
  • 附圖片的文字欄
  • 影片
  • 自訂內容

標頭

您可以在標頭區段中編輯顯示在商店每一頁頂部的內容。您可以新增標誌圖片、選擇要顯示的選單及建立公告訊息。

名為 John's Apparel 網站的標頭,顯示主選單項目、搜尋圖示和購物車圖示。

若要自訂標頭區段:

  1. 找到 Debut 並按一下「自訂」

  2. 按一下「區段」

  3. 按一下「標頭」

  4. 若要設定商標對齊,請在「商標對齊」區域中選擇「靠左」或「置中」。若您不想新增商標圖片,則會改為顯示您的商店名稱文字。您可以在管理員中的「一般設定」頁面上變更商店名稱。

  5. 若要新增商標,請在「商標圖片」區域中按一下「選擇圖片」。如要從電腦上傳圖片,請按一下「上傳」。如要使用 Burst 中的免費圖庫圖片,請按一下「免費圖片」。

  6. 若要變更您商標的尺寸,請將「自訂商標寬度」滑桿調整至您想要的寬度。調整商標寬度不會扭曲您的商標圖片。

  7. 若要選擇要在標頭中顯示的選單,請在「選單」區域中按一下「變更」。選擇現有選單或按一下「建立選單」來建立新選單。若您不想在標頭中顯示選單,請按一下「移除」。

  8. 若要在頁面頂部顯示公告訊息,請執行下列步驟:

  9. 在「公告列」區域中,勾選「顯示公告」。

  10. 若只要在首頁顯示公告,請勾選「僅限首頁」。否則您商店的每個頁面都會顯示公告。

  11. 在「文字」欄位中輸入您的公告文字。

  12. 若要新增公告連結,請在「連結」欄位中輸入 URL。

  13. 若要變更公告列背景的顏色,請按一下「」顏色色樣並選擇顏色。

  14. 若要變更公告文字的顏色,請按一下「文字」顏色色樣並選擇顏色。

  15. 按一下「儲存」

頁尾

您可以在頁尾區段中編輯顯示在商店每一頁底部的內容。您可以在頁尾加入以下功能:

  • 最多兩個選單
  • 訂閱電子報
  • 付款圖示

顯示選單、訂閱電子報和版權文字的網站頁尾區段。

如要自訂頁尾區段:

  1. 找到 Debut 並按一下「自訂」

  2. 按一下「區段」

  3. 按一下「頁尾」。

  4. 從「主要選單」區域自訂主要頁尾選單。如要編輯預設選單,請按一下「編輯選單」。如要變更為其他選單,請按一下「變更」,然後選擇現有選單或按一下「建立選單」。

  5. 從「其他選單」區域將其他選單新增至頁尾。

  6. 如要將訂閱電子報加入頁尾,請執行以下步驟:

    1. 勾選「顯示訂閱電子報」。
    2. 在「副標題」欄位中,輸入訂閱電子報的副標題。
  7. 勾選「顯示付款圖示」,以便在頁尾新增付款圖示 (例如 Mastercard 或 PayPal)。

  8. 按一下「儲存」

產品頁面

在「產品頁面」區段中,您可以新增或移除以下元素:

  • 數量選擇器
  • 變體標籤
  • 產品品牌或廠商
  • 圖片縮放
  • 動態結帳按鈕
  • 社交分享按鈕
  • 商品推薦

您還可以設置圖片的大小。

編輯產品頁面設定

  1. 從頂端列的下拉式選單中選擇「產品頁面」。

  2. 按一下「區段」

  3. 按一下「產品頁面」。

  4. 若要設定您圖片的尺寸,請從「圖片尺寸」下拉式選單中選擇圖片尺寸。

  5. 如要顯示數量選擇器,請勾選「顯示數量選擇器」。

  6. 如要顯示同類產品標籤 (例如「尺寸」和「顏色」),請勾選「顯示變體標籤」。顯示的變體標籤是以變體選項名稱為根據。

  7. 如要顯示產品品牌或廠商,請勾選「顯示廠商」。如要展示品牌或廠商,您需要為產品新增廠商

  8. 如要允許客戶透過將滑鼠游標懸停在產品圖片上方來放大圖片,請勾選「啟用圖片縮放」。

  9. 如要顯示動態結帳按鈕,請勾選「顯示動態結帳按鈕」。

  10. 如要顯示社交分享按鈕,請勾選「顯示社交分享按鈕」。

  11. 按一下「儲存」

新增或移除產品推薦

您可以在產品頁面顯示推薦產品,讓客戶輕鬆發掘其他符合興趣的產品。

  1. 從頂端列的下拉式選單中選擇「產品頁面」。

  2. 按一下「產品推薦」。

  3. 使用「顯示動態推薦」核取方塊,於產品頁面中顯示或隱藏產品推薦。

  4. 選用:若要變更推薦產品上方顯示的標題,請在「標題」欄中輸入新標題。

  5. 選用:若要在產品說明中顯示或隱藏廠商,請使用「顯示廠商」核取方塊。

  6. 按一下「儲存」

商品系列頁面

您可以設定商品系列頁面,以允許客戶對商品系列中的產品進行篩選和排序。您可以選擇商品系列版面配置 (格狀或清單樣式) 並選擇要顯示的產品數量。

如要設定商品系列頁面的版面配置:

  1. 導覽至佈景主題編輯器中的商品系列頁面。

  2. 按一下「區段」索引標籤。

  3. 按一下「商品系列頁面」。

  4. 在「版面配置」清單中選擇「格狀」或「清單」。

  5. 從清單中選擇每列的產品數和每頁的列數 (若您已選擇格狀樣式)。

  6. 如果要在頁面頂端顯示商品系列圖片,請勾選「顯示商品系列圖片」。

  7. 如要顯示產品品牌或廠商,請勾選「顯示產品廠商」。

  8. 勾選「啟用排序」以顯示排序選單。

  9. 勾選「啟用標籤篩選」,以允許客戶按產品標籤篩選商品系列。

  10. 按一下「儲存」

商品系列清單頁面

商品清單頁面會以格狀樣式顯示您所有的產品商品系列。您的客戶可使用商品系列清單頁面來快速瀏覽商品系列,以找出他們想瀏覽的商品系列。在 Debut 中,商品系列清單頁面為標頭選單中的最上層連結:

在頂部選單中醒目顯示「類別」連結的 Debut 首頁

您可以使用格狀樣式顯示所有商品系列的縮圖,也可以選擇顯示所選的商品系列。您也可以選擇要如何在頁面上排序商品系列。

如要設定商品系列清單頁面的版面配置:

  1. 按一下最上層商品系列選單項目,瀏覽至您的商品系列清單頁面。

  2. 按一下「區段」索引標籤。

  3. 按一下「商品系列清單頁面」。

  4. 您可以執行下列操作:

    1. 若要以格狀樣式顯示所有商品系列的縮圖,請選擇「全部」。
    2. 若要在商品系列清單頁面上顯示一個商品系列,請選擇「已選擇」。
  5. 若您在前一個步驟中選擇「全部」,請執行下列操作:

    1. 從「商品系列排序依據」清單中選擇排序選項。
    2. 從「每列商品系列數」清單中選擇每一列的商品系列數。
  6. 按一下「儲存」

部落格頁面

使用 Debut,您即可列出部落格貼文列表,或以格狀樣式顯示貼文。如果有多名部落格貼文作者,則可以在每篇部落格貼文中顯示作者姓名。您還可以顯示每篇部落格貼文的發佈日期。

秘訣:若您想為商店建立部落格,或將貼文新增至現有部落格,您可以在 Shopify 管理員中前往「線上商店 > 部落格文章」。若要深入瞭解為您的線上商店建立部落格,請參閱「部落格」。

  1. 前往佈景主題編輯器預覽區中的部落格頁面。

  2. 按一下「區段」

  3. 按一下部落格頁面

  4. 在「版面配置」清單中,選擇要以清單或格狀樣式顯示部落格貼文。

  5. 勾選「顯示作者」以顯示作者姓名。

  6. 勾選「顯示日期」以顯示發佈部落格貼文的日期。

  7. 按一下「儲存」

購物車頁面

您可以在「購物車頁面」區段中啟用以下設定:

  • 購物車備註
  • 自動更新購物車

新增購物車備註

您可以讓客戶在購物車頁面上為訂單新增備註:

  1. 從頂端列的下拉式選單中選擇「購物車」。

  2. 按一下「區段」索引標籤。

  3. 按一下「購物車頁面」。

  4. 勾選「啟用購物車備註」。

  5. 按一下「儲存」

啟用自動更新購物車

您可以讓購物車在客戶變更訂單後立即顯示更新資訊。例如,在客戶變更購物車中的商品數量後更新小計金額。若要啟用自動更新購物車:

  1. 從頂端列的下拉式選單中選擇「購物車」。

  2. 按一下「區段」索引標籤。

  3. 按一下「購物車頁面」。

  4. 請檢查「啟用自動更新購物車」。

  5. 按一下「儲存」

精選商品系列

您可以在首頁上展示精選商品系列。展示精選商品系列有助於促進銷售和宣傳新商品系列。

使用 Debut,您即可新增「檢視全部」按鈕,讓客戶檢視整個商品系列,您還可以在每張產品圖片下方顯示廠商名稱。

若要在首頁上顯示精選商品系列:

  1. 按一下「區段」索引標籤。

  2. 按一下「精選商品系列」區段。

  3. 如要變更商品系列上方顯示的文字,請在「標題」欄位中輸入文字。

  4. 從「商品系列」清單中,選擇您想顯示的商品系列。若要從所選商品系列中新增或刪除產品,請按一下「編輯商品系列」連結,即可在新分頁中打開「商品系列」頁面。

  5. 從「每列產品數」清單中,選擇要在每一列顯示的產品數量。

  6. 從「資料列」清單中,選擇要顯示的產品列數。

  7. 如要在每張產品照片下方顯示廠商或品牌名稱,請勾選「顯示產品廠商」。

  8. 如果要讓客戶檢視商品系列中的所有產品,請勾選「顯示『查看全部』按鈕」。

  9. 按一下「儲存」

附文字的圖片

您可以使用 Debut,新增附文字的圖片以顯示在圖片的左右側。您也可以新增連結至商店頁面的按鈕:

通常,您可以使用「附文字的圖片」區段來宣傳產品或商品系列,或將網站流量帶到您的部落格頁面。

若要為首頁新增帶有文字區段的圖片:

  1. 按一下「區段」索引標籤。

  2. 按一下「附文字的圖片」區段。

  3. 在「圖片」區域,按一下「選擇圖片」,然後執行下列任一操作:

- To select an image you have already uploaded to your Shopify admin, click the **Library** tab.
- To select a stock image from [Shopify's Burst stock image collection](https://burst.shopify.com/), click the **Free images** tab. From here you can enter a search term, or browse the image categories.
- To select an image from your local computer, click the **Library** tab, and then click the plus button.
  1. 從「版面配置」清單中,選擇要將圖片顯示在文字的右側或左側。

  2. 「標題」欄中輸入此區段的新標題。

  3. 「文字」欄中輸入要在標頭下方顯示的文字。

  4. 「按鈕標籤」欄位中,輸入要顯示在按鈕上的文字。

  5. 「按鈕連結」欄中,選擇您希望按鈕連結到的商店頁面。

  6. 按一下「儲存」

附文字疊加的圖片

您可以在首頁上展示附自訂文字疊加的大型圖片。

附文字圖片區段包括下列設定:

  • 圖片 - 選擇要新增至區段的圖片。
  • 圖片對齊 - 設定您要在頁面哪一側顯示圖片。
  • 版面配置 - 設定區段的寬度。
  • 區段高度 - 設定區段的高度。選擇「配合圖片」,根據圖片高度來設定區段高度,以避免圖片裁剪。
  • 文字大小 - 設定文字的大小。
  • 標題 - 為區段加上標題。
  • 文字 - 為區段加上文字。「附文字疊加的圖片」區段會自動重新命名為您提供的標頭文字。
  • 按鈕標籤 - 將含有文字標籤的按鈕新增至區段。
  • 按鈕連結 - 將您的按鈕連結至其他頁面或網站。

為首頁新增附文字的圖片

  1. 找到 Debut 並按一下「自訂」

  2. 依序按一下「新增區段 > 附文字的圖片 > 新增」。

  3. 使用設定來自訂您的附文字疊加圖片區段。

  4. 按一下「儲存」

電子報

您可以將訂閱電子報加入首頁。您可以收集客戶的電子郵件地址,以供電子郵件行銷使用。您可以在 Shopify 部落格上進一步瞭解電子郵件行銷。

網站上的電子報區段。在此提供客戶可以輸入電子郵件地址的欄位和「訂閱」按鈕。

如要將訂閱電子報新增至首頁:

  1. 找到 Debut 並按一下「自訂」

  2. 按一下「區段」

  3. 按一下「新增區段 > 電子報」。

  4. 在「標題」欄位中,輸入訂閱電子報的標題。標題預設為「訂閱我們的電子報」。

  5. 在「副標題」欄位中,輸入訂閱電子報的副標題。

  6. 按一下「儲存」

影片

您可以將 YouTube 影片新增至首頁。影片可以吸引客戶,讓客戶對您的業務產生興趣。

您可以將 Vimeo 影片新增至首頁並包括自定內容區段。

影片區段包括下列設定:

  • 影片高度 - 設定影片高度。
  • 文字尺寸 - 為影片新增文字。若您將影片樣式設為「附播放按鈕的圖片」,則文字會在影片播放時移除。
  • 顯示疊加層 - 為影片加上一層顏色,使文字更易於閱讀。若您將影片樣式設為「附播放按鈕的圖片」,則疊加層會在影片播放時移除。
  • 樣式 - 設定影片樣式。背景影片樣式僅適用於桌上型電腦。若客戶透過平板電腦或行動裝置造訪您的商店,他們一律會看到附播放按鈕的圖片樣式。
  • 標題 - 新增影片標題。
  • 影片連結 - 加上影片的 YouTube URL。
  • 封面圖片 - 為影片加上封面圖片。影片播放時將隱藏封面圖片。
  • 圖片對齊 - 對齊封面圖片,如此即可保持顯示最重要的部分。

將影片新增至首頁

  1. 找到 Debut 並按一下「自訂」

  2. 按一下「新增區段 > 影片」。

  3. 使用設定來自訂您的影片區段。

  4. 按一下「儲存」

投影片播放

您可以將投影片輪播圖片新增至首頁。在投影片輪播區段中,您可以設定投影片高度、新增文字和按鈕,及選擇是否要自動開始投影片輪播。

名為 Pure Tea 的線上商店首頁,使用投影片輪播。顯示櫃檯上放著一杯茶的投影片,標題為「手工沖泡」,副標題為「由茶師精心沖泡,而非機器生產」。

若要瞭解投影片輪播裁剪以及建議的圖片尺寸,請參閱下方準則。

如要建立投影片輪播:

  1. 找到 Debut 並按一下「自訂」

  2. 按一下「區段」

  3. 按一下「幻燈片」

  4. 在「投影片高度」下拉式選單中設定投影片高度。

    深入瞭解投影片高度對投影片輪播的影響。

  5. 在「文字尺寸」下拉式選單中設定標題和副標題的尺寸。

  6. 在「文字對齊」下拉式選單中設定投影片文字的位置。

  7. 選用:勾選「顯示疊加層」。圖片疊加層指的是位於圖片和圖片上任何文字之間的一層顏色。疊加層有助於提升色彩對比度和易讀性。您可以在色彩設定中設定疊加層的顏色和透明度。

  8. 選用:勾選「自動旋轉投影片」以自動開始投影片輪播。使用「變更投影片的頻率」滑桿來選擇要留在每張投影片上的時間。

  9. 如要新增圖片,請執行以下步驟:

    1. 在「內容」區域中,按一下「新增圖片投影片」。
    2. 在「圖片」下按一下「選擇圖片」。如要從電腦上傳圖片,請按一下「上傳」。如要使用 Burst 中的免費圖庫圖片,請按一下「免費圖片」。
    3. 從「圖片位置」下拉式選單中選擇位置,以選擇在投影片輪播中對齊圖片的方式。您可以在下方準則中深入瞭解圖片位置。
    4. 若要為圖片投影片新增文字,請在「標題」欄位或「副標題」欄位中輸入文字,或同時在這兩個欄位中輸入文字。
    5. 在「文字按鈕標籤」欄位中輸入文字,以將按鈕新增至您的圖片投影片。在「按鈕連結」欄位中,選擇按鈕要連結到您線上商店的哪個部分:

    佈景主題編輯器中的「按鈕連結」欄位。按一下連結即會顯示包括「商品系列」、「產品」、「頁面」、「部落格」和「部落格貼文」的選單。您可以使用選單連結至特定商品系列、產品等內容。

  10. 按一下「儲存」

投影片輪播準則

您可以使用下列設定和圖片建議,來控制投影片輪播在線上商店中的顯示方式。投影片的顯示方式取決於以下因素:

  • 圖片尺寸
  • 圖片位置設定
  • 投影片高度設定
  • 圖片的寬高比

由於螢幕尺寸和形狀的差異,您的投影片在行動和桌上型裝置上可能會有所不同。

圖片尺寸建議

投影片輪播圖片的建議尺寸取決於您的投影片高度設定:

佈景主題編輯器中的投影片高度設定。投影片高度下拉式選單會顯示下列選項:配合第一張圖片、小型、中型和大型。

請遵循以下準則:

設定圖片尺寸建議
投影片高度設定 建議寬度 建議高度
配合第一張圖片 1200 像素 600 像素
小型 1200 像素 475 像素
中等 1200 像素 489 像素
大型 1200 像素 775 像素

若要檢視或變更投影片高度設定,請參閱「建立投影片輪播說明」中的步驟 5。

圖片裁剪

您可以執行步驟來控制裁剪圖片的方式,或完全避免圖片遭到裁剪。

控制裁剪圖片的方式

在下列情況下,您可以預期某些螢幕尺寸將會裁剪圖片:

  • 您圖片的寬度與高度比不同。
  • 您的投影片高度設為「」、「」或「」。
  • 您的投影片高度設為「配合第一張圖片」且您的圖片高度高於裝置螢幕或瀏覽器視窗。

您可以使用「圖片位置」設定來控制裁剪圖片的方式:

佈景主題編輯器中的圖片位置設定。下拉式選單會顯示九種不同選項,例如「左上角」和「右側中央」。

針對每張圖片,您可以選擇要在裁剪時保留的部分。在下列範例中,您可以看到同一張圖片在某些螢幕尺寸上可能會遭到裁剪。左側的投影片圖片位置設為「中心」。右側的艇片圖片位置設定為「左上角」:

範例投影片因為圖片位置設定不同而有不同的裁剪方式。

若要檢視或變更圖片位置設定,請參閱「建立投影片輪播說明」中的步驟 10。

避免圖片裁剪

若要避免圖片在投影片輪播中遭到裁剪,請嘗試下列步驟:

  • 將投影片高度設為「配合第一張圖片」。
  • 使用寬度是高度兩倍的圖片。這些圖片的寬高比為 2:1。建議解析度為 1200 x 600 像素。
  • 確保所有投影片的寬高比都相同。投影片的比例比解析度像素更加重要。

在下列範例中,比率為 2:1 的投影片輪播圖片顯示在桌上型和行動裝置上:

顯示在桌上型和行動裝置上的未經裁剪投影片。

投影片高度

投影片輪播區段的高度一律為瀏覽器視窗的 100%。投影片的高度與寬度相關。由於螢幕尺寸有所不同,因此投影片的寬度與高度在不同裝置上也會不同。投影片高度設定也會影響您投影片的高度。

您可以使用「配合第一張圖片」的投影片高度設定,以第一張圖片的高度做為輪播投影片高度的基準。此設定適合所有圖片尺寸一致或寬高比相同時使用。若您的圖片尺寸不一或者比例不同,您可以變更投影片順序來查看在不同高度下的顯示情況。

在下列範例中,高度最低的投影片會第一個顯示:

高度較低的投影片會決定其他兩張投影片的高度。由於其他投影片高度較高,因此頂部和底部會遭到裁剪。

在下列範例中,高度較高的投影片會第一個顯示:

高度居中的投影片會決定其他兩張投影片的高度。高度較高的投影片頂部和底部將會裁剪。高度較低的投影片則會裁剪兩側。

若您改用「」、「」或「」高度設定,則請參考投影片的圖片尺寸建議。

圖片比例

若您想避免在投影片輪播中裁剪圖片,建議圖片使用 2:1 的寬高比。

若您不擔心桌上型顯示器會裁剪圖片並希望影響行動裝置,則請使用正方形圖片,或者高度大於寬度的圖片。下列範例投影片顯示寬高比為 1:1 的正方形圖片。

顯示在桌上型和行動裝置上的正方形投影片。桌上型裝置上的圖片會經過裁剪,在行動裝置上則無。

下一張範例投影片顯示寬高比為 2:3 的縱向圖片:

顯示在桌上型和行動裝置上的長方形投影片。桌上型裝置上的圖片會經過裁剪,在行動裝置上則無。

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

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

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

色彩

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

調整顏色設定

  1. 按一下 **** 旁邊的「自訂」。

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

  3. 按一下「顏色」。

  4. 根據每種內容類型按一下顏色樣本,即可使用顏色挑選器。

    佈景主題編輯器內的顏色挑選器

- 「最近選擇」區域會顯示您最近為佈景主題選擇過的顏色。 - 「目前使用」區域會顯示您佈景主題其他部分目前正在使用的顏色。

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

  1. 按一下「儲存」。

字體

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

自訂您的字體設定

  1. 按一下 **** 旁邊的「自訂」。

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

  3. 按一下「字體」。

  4. 根據每一種文字類型按一下「變更」即可使用字形挑選器:

    字形挑選器上的「變更」按鈕

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

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

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

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

    字形挑選器可以挑選字體的粗細。

  8. 按一下「儲存」。

社交媒體

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

如要自訂社交媒體設定:

  1. 找到 Debut 並按一下「自訂」

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

  3. 按一下「社交媒體」。

  4. 如要上傳社交分享圖片,請在「社交分享圖片」區域中,按一下「選擇圖片」或「探索免費圖片」。

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

    您可以加入以下的分享按鈕:

- **Share on Facebook**
- **Tweet on Twitter**
- **Pin on Pinterest** (not available for blog post sharing)
  1. 如要新增指向您社交媒體帳號的連結,請前往「帳號」區域,在提供的欄位中輸入指向您帳號的連結。輸入完整的連結,例如 https://instagram.com/shopify,或 https://twitter.com/shopify

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

  2. 按一下「儲存」

Favicon

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

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

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

如要上傳 Favicon:

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

  2. 按一下「佈景主題設定」索引標籤。

  3. 按一下「Favicon」。

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

- To select an image you have already uploaded to your Shopify admin, click the **Library** tab.
- To select an image from your local computer, click the **Library** tab, and then click the plus button.
  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 銷售商品了嗎?

免費試用