Narrative 的佈景主題設定

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

Narrative 包含以下佈景主題設定:

  • 色彩
  • 字體
  • 購物車導覽匣
  • 社交媒體
  • Favicon
  • 結帳

色彩

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

調整顏色設定

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

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

  3. 按一下「顏色」。

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

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

  5. 按一下「儲存」。

字體

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

自訂您的字體設定

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

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

  3. 按一下「字體」。

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

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

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

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

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

  8. 按一下「儲存」。

購物車導覽匣

您可以為線上商店自訂購物車導覽匣設定。

  • 將您的購物車設定為導覽匣式。購物車導覽匣會從頁面右側滑出,這表示客戶可以將產品加入購物車,而無需離開產品頁面。
  • 讓客戶在訂單中加入備註。客戶可以使用購物車備註提供有關如何準備或交付訂單的特別指示:

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

如要自訂購物車導覽匣設定:

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

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

  3. 按一下「購物車導覽匣」。

  4. 勾選「顯示購物車導覽匣」,即可將您的購物車設定為導覽匣式購物車。如果未勾選此方塊,則會使用整頁式購物車。

  5. 勾選「顯示購物車備註」,即可將備註欄位新增至購物車導覽匣。

  6. 點擊「儲存」。

社交媒體

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

如要自訂社交媒體設定:

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

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

  3. 按一下「社交」。

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

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

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

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

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

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

  2. 點擊「儲存」。

Favicon

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

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

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

如要上傳 Favicon:

  1. 按一下「自訂」。

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

  3. 點擊「Favicon」。

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

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

  1. 點擊「儲存」。

結帳

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

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

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

如要存取結帳頁面設定:

  1. 按一下「自訂」。

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

  3. 按一下「結帳」

如要新增橫幅圖片:

  • 在「橫幅」區域中,按一下「選擇圖片」,然後執行下列任一操作: - 若要選擇已上傳到 Shopify 管理員的圖片,請點擊「圖庫」索引標籤。
    • 若要從 Shopify 的 Burst 庫存圖片選集中選擇庫存圖片,請按一下「免費圖片」索引標籤。您可以在這裡輸入搜尋詞彙,或是瀏覽圖片類別。
    • 如要從電腦本機中選擇圖片,請點擊「圖庫」索引標籤,然後點擊加號按鈕。

如要新增商標:

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

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

  1. 在「位置」清單中,選擇要將圖片顯示在右側、左側或中央。

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

如要變更結帳頁面的背景:

您可以在結帳頁面上顯示背景圖片,也可以選擇背景顏色。如果選擇背景圖片,圖片會以格狀樣式顯示。

  1. 在「主要內容區」區域中,按一下「選擇圖片」,然後執行下列任一操作:

- 若要選擇已上傳到 Shopify 管理員的圖片,請點擊「圖庫」索引標籤。 - 若要從 Shopify 的 Burst 庫存圖片選集中選擇庫存圖片,請按一下「免費圖片」索引標籤。您可以在這裡輸入搜尋詞彙,或是瀏覽圖片類別。 - 如要從電腦本機中選擇圖片,請點擊「圖庫」索引標籤,然後點擊加號按鈕。 - 按一下「背景顏色」色樣,以從調色盤中選擇新顏色。

  1. 在「表單欄位」清單中,選擇白色或透明欄位。

如要變更「訂單摘要」頁面的背景:

  1. 在「訂單摘要」區域中,按一下「選擇圖片」,然後執行下列任一操作: - 若要選擇已上傳到 Shopify 管理員的圖片,請點擊「圖庫」索引標籤。
    • 若要從 Shopify 的 Burst 庫存圖片選集中選擇庫存圖片,請按一下「免費圖片」索引標籤。您可以在這裡輸入搜尋詞彙,或是瀏覽圖片類別。
    • 如要從電腦本機中選擇圖片,請點擊「圖庫」索引標籤,然後點擊加號按鈕。
    • 按一下「背景顏色」色樣,以從調色盤中選擇新顏色。

如要設定字體選項:

  • 在「印刷樣式」區域中,於清單中選擇用於標題和正文文字的字體。

如要設定顏色選項:

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

變更佈景主題樣式

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

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

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

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

  4. 按一下「變更樣式」

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

免費試用