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. 如果要在頁面頂端顯示商品系列圖片,請勾選「顯示商品系列圖片」。

  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. 按一下「儲存」

購物車頁面

使用 Debut,您可以讓客戶在購物車頁面上添加訂單備註:

  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. 按一下「結帳」

如要新增橫幅圖片:

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

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

如要新增商標:

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

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

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

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

若要自訂主要內容區域:

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

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

  • 按一下「選擇檔案」來上傳圖片檔案。
  • 按一下「背景顏色」色樣,以從調色盤中選擇新顏色。
  1. 從「表單欄位」下拉式選單中,選擇白色或透明欄位。

若要自訂「訂單摘要」頁面:

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

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

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

  • 按一下「背景顏色」色樣,以從調色盤中選擇新顏色。

如要設定字體選項:

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

如要設定顏色選項:

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

變更佈景主題樣式

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

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

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

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

  4. 按一下「變更樣式」

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

免費試用