Boundless 的佈景主題設定

此頁面列印時間為 Feb 27, 2021。如須最新版本，請至 https://help.shopify.com/zh-TW/manual/online-store/os/using-themes/themes-by-shopify/boundless/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. 點擊「儲存」。

購物車

Boundless 可讓您透過選擇購物車類型並啟用客戶的訂單備註，來自訂購物車頁面。

Boundless 佈景主題援 2 種購物車類型：

  • 將商品加入購物車時，「頁面」會將客戶重新導向至您的購物車頁面。

  • 當商品加入購物車時，「導覽匣」會開啟頁面側邊的導覽匣，並提示使用者進入結帳頁面。

Boundless 還可允許您的顧客在訂單中傳送特別指示給您。

調整購物車設定

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

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

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

  3. 在「購物車類型」清單中選擇購物車類型。

  4. 如果要讓客戶在結帳時提供訂單備註，請勾選「啟用訂單備註」。

  5. 點擊「儲存」。

社交媒體

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

調整社群媒體設定

  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. 點擊「儲存」。

Favicon

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

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

深入瞭解 Favicon。

提示：

Favicon 的建議尺寸為 32 x 32 像素。依您的佈景主題而定，較大的圖片可能會縮小為 32 x 32 像素。

自訂您的 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. 點擊「儲存」。

結帳

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

佈景主題樣式

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

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

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

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

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

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

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

  5. 點擊「儲存」。

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

免費試用