Brooklyn 的佈景主題設定

佈景主題設定控制著您線上商店的字體、顏色和社群媒體連結。您也可以使用佈景主題設定來自訂結帳畫面的外觀。

色彩

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

調整顏色設定

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

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

  3. 按一下「顏色」。

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

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

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

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

  1. 按一下「儲存」。

字體

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

自訂您的字體設定

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

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

  3. 按一下「字體」。

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

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

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

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

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

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

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

  8. 按一下「儲存」。

購物車頁面

您可以自訂購物車頁面。使用設定來選擇要使用的購物車樣式,並讓客戶在訂單中新增備註。客戶可使用購物車備註,提供有關如何準備或交付訂單的特別指示:

標籤為「賣家特別指示」的文字欄位會顯示在購物車頁面上。欄位會顯示在訂單小計和結帳按鈕旁邊。

客戶撰寫備註時,備註內容會顯示在 Shopify 管理員中訂單的「備註」區段中。

自訂您的購物車頁面

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

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

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

  4. 設定您的購物車類型: - 頁面 - 購物車為獨立頁面,代表客戶將產品新增至購物車時會離開產品頁面

    • 導覽匣 - 購物車會從頁面右側滑出,代表客戶將產品新增至購物車時會停留在產品頁面
  5. 選用:您可以勾選「啟用訂單備註」讓客戶為訂單添加備註。

  6. 按一下「儲存」

社交媒體

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

自訂您的社交媒體設定

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

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

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

  4. 選用:上傳社交分享圖片

    1. 按一下「選擇圖片」。
    2. 上傳您電腦內的圖片,或按一下「免費圖片」使用 Burst 的庫存圖片。
    3. 選擇圖片。
    4. 按一下「儲存」
  5. 選用:將連結新增至顯示在您頁尾的社交媒體帳戶。在適當的欄位中輸入您帳戶的連結。確保您使用的是完整連結,例如 https://instagram.com/shopifyhttps://twitter.com/shopify。指向您社交媒體帳戶的連結會顯示在您線上商店的頁尾。

  6. 選用:為您的產品和部落格貼文加上社交分享按鈕。勾選下列任一選項: - 分享至 Facebook

    • 在 Twitter 上發佈推文
    • 在 Pinterest 上收藏為釘圖 (不適用於部落格貼文分享)
  7. 按一下「儲存」

Favicon

您可以加入喜歡的圖示或 favicon,這樣做可以幫助您鞏固線上商店的品牌形象。favicon 會顯示在以下各位置:

  • 您的網路瀏覽器分頁
  • 您的網路瀏覽器的歷程記錄
  • 您桌面上的圖示
  • 如果線上商店有被加入書籤的話,會顯示在商店名稱旁邊

秘訣:建議的 Favicon 大小為 32 x 32 像素。較大的圖片會縮小為 32 x 32 像素。

自訂您的 favicon

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

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

  3. 按一下「Favicon」。

  4. 新增 favicon 圖片:

    1. 按一下「選擇圖片」。
    2. 上傳您電腦內的圖片,或按一下「免費圖片」使用 Burst 的庫存圖片。
    3. 選擇圖片。
    4. 按一下「儲存」。
  5. 為您的 favicon 圖片新增替代文字:

    1. 按一下「編輯」。
    2. 「編輯圖片」視窗中,輸入圖片的簡短說明。
    3. 按一下「儲存」。
  6. 按一下「儲存」。

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

免費試用