Supply 的佈景主題設定

此頁面列印時間為 Jan 18, 2022。如須最新版本，請至 https://help.shopify.com/zh-TW/manual/online-store/themes/themes-by-shopify/vintage-themes/supply/settings。

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

色彩

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

調整顏色設定

  1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
  2. 點擊 的佈景主題設定 旁邊的「自訂」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 在 的佈景主題設定 旁，點選「自訂」。
  5. 點一下「編輯」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 在 的佈景主題設定 旁，點選「自訂」。
  5. 點一下「編輯」。
  1. 按一下「佈景主題設定」。
  2. 按一下「顏色」。

  3. 若要開啟顏色選擇器，請點擊您要變更的內容類型顏色色樣。「最近選取項目」區域會顯示您最近為佈景主題選取過的顏色。「目前使用項目」區域會顯示您佈景主題其他部分目前正在使用的顏色。

    若要設定特定十六位進位顏色代碼，請點擊文字欄位以輸入顏色。

    若要將顏色設為透明，請在文字欄位中刪除十六進位代碼值。

  4. 點擊「儲存」。

字體

您可以指定線上商店裡文字的字型樣式和大小。您可以選擇系統字型或自訂字型。

建議您在商店中使用系統字型。使用系統字型可以避免系統將新字型下載到顧客的電腦，這會對於商店載入速度帶來負面影響。顧客電腦上顯示的字型會依其作業系統而定。深入瞭解系統字型。

自訂您的字體設定

  1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
  2. 點擊 的佈景主題設定 旁邊的「自訂」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 在 的佈景主題設定 旁，點選「自訂」。
  5. 點一下「編輯」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 在 的佈景主題設定 旁，點選「自訂」。
  5. 點一下「編輯」。

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

  2. 按一下「字體」。

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

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

    如果想查看全部可用的字形，請前往 Shopify 字形庫。

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

  6. 若要變更字型字形風格，點擊目前的字型風格名稱，然後從下拉式選單中選擇新的字型樣式。

  7. 按一下「選擇」。

  8. 點擊「儲存」。

Favicon

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

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

深入瞭解 Favicon。

提示：

Supply 的 Favicon 建議尺寸為 16 x 16 像素。

自訂您的 favicon

  1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
  2. 點擊 的佈景主題設定 旁邊的「自訂」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 在 的佈景主題設定 旁，點選「自訂」。
  5. 點一下「編輯」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 在 的佈景主題設定 旁，點選「自訂」。
  5. 點一下「編輯」。
  1. 點擊「佈景主題設定」。
  2. 點擊「Favicon」。

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

    • 若要選擇已上傳至「Shopify 管理員」的圖片，請按一下「圖庫」索引標籤。
    • 若要從電腦本機中選取圖片，請點擊「圖庫」分頁，然後點擊「上傳」。

  4. 為您的 favicon 圖片新增替代文字：

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

  5. 點擊「儲存」。

購物車

您可以使用 Supply，自訂購物車頁面以納入訂單備註，並從四種購物車頁面樣式中選擇。

存取購物車設定

  1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
  2. 點擊 的佈景主題設定 旁邊的「自訂」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 在 的佈景主題設定 旁，點選「自訂」。
  5. 點一下「編輯」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 在 的佈景主題設定 旁，點選「自訂」。
  5. 點一下「編輯」。
  1. 點擊「佈景主題設定」。
  2. 按一下「購物車」。

啟用訂單備註

您可以使用 Supply，在購物車頁面上提供一個讓客戶填寫訂單備註的欄位，以作為贈禮訊息、特殊要求和配送指示。

購物車類型

Supply 提供三種購物車類型：

  • 收銀機 - 購物車會從頁面頂端向下滑動。關閉購物車後，購物車的內容會收合

  • 強制回應型 - 此購物車會開啟彈出式視窗並顯示在頁面內容最上層。點擊「X」或點擊彈出式視窗外面即可關閉彈出式視窗。

  • 頁面型 - 此購物車是採用線上商店中的頁面。顧客可以透過點擊頁首中的購物車連結或將品項加入購物車，來存取購物車頁面。

社交媒體

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

自訂您的社交媒體設定

  1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
  2. 點擊 的佈景主題設定 旁邊的「自訂」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 在 的佈景主題設定 旁，點選「自訂」。
  5. 點一下「編輯」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 在 的佈景主題設定 旁，點選「自訂」。
  5. 點一下「編輯」。

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

  2. 點擊「社交媒體」。

  3. 若要為您的產品和部落格文章新增社群分享按鈕，請勾選下列任一選項或所有選項：

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

  1. 若要新增您社群媒體帳號的連結，請在「帳號」底下顯示的欄位輸入您的帳號連結。請輸入完整的連結，例如：https://instagram.com/shopify 或 https://twitter.com/shopify。

  2. 若要變更分享按鈕的樣式，請從「按鈕樣式」選單中選取「完整品牌標記」或「僅限標誌」。

  3. 點擊「儲存」。

價格格式

您可以使用 Supply 來選擇產品價格在商店中的顯示方式。

變更價格格式

  1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
  2. 點擊 的佈景主題設定 旁邊的「自訂」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 在 的佈景主題設定 旁，點選「自訂」。
  5. 點一下「編輯」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 在 的佈景主題設定 旁，點選「自訂」。
  5. 點一下「編輯」。
  1. 點擊「佈景主題設定」。
  2. 按一下「價格格式」。
  3. 如果您以使用美分的幣別來進行銷售，請勾選「將美分顯示為上標」即可以將價格顯示為上標。
  4. 點擊「儲存」。

結帳

此區段可讓您自訂商店的結帳頁面。如需深入瞭解商店結帳頁面，請參閱 Shopify 結帳頁面。

佈景主題樣式

許多佈景主題不只一種樣式。佈景主題樣式控制佈景主題的預設設定。若您重設佈景主題的樣式，您對佈景主題設定的所有變更都均會遺失，但並不會遺失文字和圖片等內容。

您可以在 Shopify 佈景主題商店預覽 Supply 的其他樣式。

  1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
  2. 點擊 的佈景主題設定 旁邊的「自訂」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 在 的佈景主題設定 旁，點選「自訂」。
  5. 點一下「編輯」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  4. 在 的佈景主題設定 旁，點選「自訂」。
  5. 點一下「編輯」。

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

  2. 點擊「佈景主題樣式」。

  3. 選取您想套用的佈景主題樣式。

  4. 按一下「變更樣式」。

  5. 點擊「儲存」。

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

免費試用