佈景主題設定

此頁面列印時間為 Sep 19, 2024。如須最新版本，請至 https://help.shopify.com/zh-TW/manual/online-store/themes/theme-structure/theme-settings。

您可以使用佈景主題設定來變更網路商店的字體、顏色、社群媒體連結和購物車頁面。變更佈景主題設定時，這些變更會套用至整個網路商店。

此頁面上

商標

您可以將商店標誌新增至網路商店。標誌會顯示在以下位置：

  • 所有頁面的頁首
  • 密碼頁面

自訂標誌

標誌圖片的寬度上限為 300 像素。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 點擊「標誌」。
  5. 在「標誌」區域中，新增圖片或使用免費圖片：
    • 若要新增圖片，請按一下「選取圖片」，然後新增全新圖片或現有圖片：
      • 若要使用已上傳至 Shopify 管理介面的圖片，請選取該圖片，然後按一下「完成」。
      • 若要使用本機電腦中的圖片，請按一下「新增圖片」。選取並新增圖片，然後按一下「完成」。

- 若要使用免費圖片，請按一下「探索免費圖片」。尋找圖片，按一下以選取該圖片，然後再點按「選取」。

  1. 選用：為標誌圖片加上替代文字：

    1. 在「標誌」區域中，按一下「編輯」。
    2. 在「替代文字」欄位中，輸入圖片的簡要說明。
    3. 點擊「儲存」。

  2. 選用：在「電腦版標誌寬度」區域中，使用範圍滑桿來調整標誌像素寬度。

  3. 點擊「儲存」。

  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「標誌」。
  7. 在「標誌」區域中，新增圖片或使用免費圖片：
    • 若要新增圖片，請點選「選取圖片」，然後新增全新圖片或現有圖片：
      • 若要使用已上傳至 Shopify 管理介面的圖片，請選取該圖片，然後點選「完成」。
      • 若要使用本機裝置中的圖片，請點選「新增圖片」。請選取並新增本機裝置中的圖片，然後點選該圖片並點選「完成」。

- 若要使用免費圖片，請點選「探索免費圖片」。尋找並點選圖片，然後點選「完成」。

  1. 選用：為標誌圖片加上替代文字：

    1. 在「標誌」區域中，點選「編輯」。
    2. 在「替代文字」欄位中，輸入圖片的簡要說明。
    3. 點選「儲存」。

  2. 選用：在「電腦版標誌寬度」區域中，使用範圍滑桿來調整標誌像素寬度。

  3. 點選「儲存」。

  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「標誌」。
  7. 在「標誌」區域中，新增圖片或使用免費圖片：
    • 若要新增圖片，請點選「選取圖片」，然後新增全新圖片或現有圖片：
      • 若要使用已上傳至 Shopify 管理介面的圖片，請選取該圖片，然後點選「完成」。
      • 若要使用本機裝置中的圖片，請點選「新增圖片」。請選取並新增本機裝置中的圖片，然後點選該圖片並點選「完成」。

- 若要使用免費圖片，請點選「探索免費圖片」。尋找並點選圖片，然後點選「完成」。

  1. 選用：為標誌圖片加上替代文字：

    1. 在「標誌」區域中，點選「編輯」。
    2. 在「替代文字」欄位中，輸入圖片的簡要說明。
    3. 點選「儲存」。

  2. 選用：在「電腦版標誌寬度」區域中，使用範圍滑桿來調整標誌像素寬度。

  3. 點選「✓」。

新增 Favicon

您可以加入喜歡的圖示或 favicon，如此有助於網路商店的品牌行銷。favicon 顯示在以下位置：

  • 您的網路瀏覽器分頁
  • 您的網路瀏覽器的歷程記錄
  • 電腦版上的圖示
  • 網站被加入書籤時，會顯示在您網路商店名稱旁邊

深入瞭解 Favicon。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要新增 Favicon 的佈景主題，然後點按「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 視佈景主題版本而定，點擊「標誌」或「Favicon」。

  5. 在「Favicon 圖片」區段中，按一下「選取圖片」，然後新增全新圖片或現有圖片：

    • 若要選取已上傳至 Shopify 管理介面的圖片，請搜尋或尋找該圖片，然後使用核取方塊選取圖片。
    • 若要從本機電腦選取圖片，請點按「新增圖片」並從本機電腦開啟圖片，然後使用核取方塊選取圖片。

  6. 點擊「完成」。

  7. 選用：為 favicon 圖片加上替代文字：

    1. 在「Favicon 圖片」區段中，點按「編輯」。
    2. 在「替代文字」欄位中，輸入圖片的簡要說明。
    3. 點擊「儲存」。

  8. 點擊「儲存」。

  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要新增 Favicon 的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 視佈景主題版本而定，點一下「標誌」或「Favicon」。

  7. 在「Favicon 圖片」區段中，點選「選取圖片」，然後新增全新圖片或現有圖片：

    • 若要選取已上傳至 Shopify 管理介面的圖片，請搜尋或尋找該圖片，然後使用核取方塊選取圖片。
    • 若要從本機裝置選取圖片，請點選「新增圖片」並從本機裝置開啟圖片，然後使用核取方塊選取圖片。

  8. 點選「完成」。

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

    1. 在「Favicon 圖片」區段中，點選「編輯」。
    2. 在「替代文字」欄位中，輸入圖片的簡要說明。
    3. 點選「儲存」。

  10. 點選「儲存」。

  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要新增 Favicon 的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 視佈景主題版本而定，點一下「標誌」或「Favicon」。

  7. 在「Favicon 圖片」區段中，點選「選取圖片」，然後新增全新圖片或現有圖片：

    • 若要選取已上傳至 Shopify 管理介面的圖片，請搜尋或尋找該圖片，然後使用核取方塊選取圖片。
    • 若要從本機裝置選取圖片，請點選「新增圖片」並從本機裝置開啟圖片，然後使用核取方塊選取圖片。

  8. 點選「完成」。

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

    1. 在「Favicon 圖片」區段中，點選「編輯」。
    2. 在「替代文字」欄位中，輸入圖片的簡要說明。
    3. 點選「儲存」。

  10. 點選「✓」。

色彩

您可以建立和自訂多達 21 種不重複的顏色配置，並套用至網路商店的不同區段。深入瞭解顏色選項、顏色配置及顏色漸層。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 按一下「顏色」。
  5. 在「配置」區段中，按一下現有配置，或點按「新增配置」以新增顏色配置。

  6. 若要編輯顏色配置，請按一下顏色色樣以變更下列內容類型的顏色：

    • 背景
    • 背景 (漸層效果)
    • 文字
    • 純色按鈕背景
    • 純色按鈕標籤
    • 外框按鈕
    • 陰影

  7. 若要設定顏色，請輸入十六進位顏色代碼或從顏色選擇器中挑選。若要將顏色設為透明，請刪除文字欄位中的十六進位代碼。

  8. 點擊「儲存」。

  1. 在 Shopify 應用程式中，點選「…」按鈕。

  2. 在銷售管道畫面上，點一下「線上商店」。

  3. 點選「管理所有佈景主題」。

  4. 尋找要編輯的佈景主題，然後點選「自訂」。

  5. 依序點選「⋮」和「佈景主題設定」。

  6. 點選「顏色」。

  7. 在「配置」區段中點選現有配置，或點選「新增配置」以新增顏色配置。

  8. 若要編輯顏色配置，請點選顏色色樣以變更下列內容類型的顏色：

    • 背景
    • 背景 (漸層效果)
    • 文字
    • 純色按鈕背景
    • 純色按鈕標籤
    • 外框按鈕
    • 陰影

  9. 若要設定顏色，請輸入十六進位顏色代碼或從顏色選擇器中挑選。若要將顏色設為透明，請刪除文字欄位中的十六進位代碼。

  10. 點選「完成」。

  11. 點選「儲存」。

  1. 在 Shopify 應用程式中，點選「☰」按鈕。

  2. 在銷售管道畫面上，點一下「線上商店」。

  3. 點選「管理所有佈景主題」。

  4. 尋找要編輯的佈景主題，然後點選「自訂」。

  5. 依序點選「...」和「佈景主題設定」。

  6. 點選「顏色」。

  7. 在「配置」區段中點選現有配置，或點選「新增配置」以新增顏色配置。

  8. 若要編輯顏色配置，請點選顏色色樣以變更下列內容類型的顏色：

    • 背景
    • 背景 (漸層效果)
    • 文字
    • 純色按鈕背景
    • 純色按鈕標籤
    • 外框按鈕
    • 陰影

  9. 若要設定顏色，請輸入十六進位顏色代碼或從顏色選擇器中挑選。若要將顏色設為透明，請刪除文字欄位中的十六進位代碼。

  10. 點選「完成」。

  11. 點選「✓」。

字體

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

建議您在商店中使用系統字型，因為系統字型是使用者電腦上已安裝的字型。使用系統字型可避免系統將新字型下載至顧客的電腦上，此下載作業會對商店載入速度帶來負面影響。顧客電腦上顯示的字型依其使用的作業系統而定。

自訂字型類型

請參閱 Shopify 的字型庫，查看可用字型清單。

步驟如下：

  1. 在 Shopify 管理介面中，前往「網路商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 按一下「字體」。
  5. 若要變更商店標題或內文的字型，請按一下「標題」或「內文」區段中的「變更」。
  6. 按一下要使用的字型名稱，然後點按「選取」。
  7. 按一下「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在「銷售管道」區段中，點選「網路商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「字體」。
  7. 若要變更商店標題或內文的字型類型，請點選「標題」或「內文」區段中的「變更」。
  8. 點選要使用的字型名稱，然後再點選「完成」。
  9. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在「銷售管道」區段中，點選「網路商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「字體」。
  7. 若要變更商店標題或內文的字型類型，請點選「標題」或「內文」區段中的「變更」。
  8. 點選要使用的字型名稱，然後再點選「完成」。
  9. 點選「✓」。

自訂字型大小

您可以透過「字體」佈景主題設定來設定標題和內文文字的預設字型大小。

字型最小為 100%，最大為 150%。每增加一格刻度即增加字型大小 5%。預設值為 100%。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 按一下「字體」。
  5. 若要變更「標題」文字的預設字型大小，請使用「字型大小縮放」範圍滑桿來選取預設字型大小。
  6. 若要變更「內文」文字的預設字型大小，請使用「字型大小縮放」範圍滑桿來選取預設字型大小。
  7. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「字體」。
  7. 若要變更「標題」文字的預設字型大小，請使用「字型大小縮放」範圍滑桿來選取預設字型大小。
  8. 若要變更「內文」文字的預設字型大小，請使用「字型大小縮放」範圍滑桿來選取預設字型大小。
  9. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「字體」。
  7. 若要變更「標題」文字的預設字型大小，請使用「字型大小縮放」範圍滑桿來選取預設字型大小。
  8. 若要變更「內文」文字的預設字型大小，請使用「字型大小縮放」範圍滑桿來選取預設字型大小。
  9. 點選「✓」。

版面配置

您可以自行設定用來顯示網路商店的最大寬度，以及設定不同區段之間的垂直和水平空間。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 按一下「版面配置」。
  5. 使用「頁面寬度」範圍滑桿，選擇 1000 像素至 1600 像素之間的頁面寬度。預設設定為 1600 像素。
  6. 選用：使用範圍滑桿在頁面上的範本區段之間加入垂直空間。區段之間最多可加入 100 像素。
  7. 選用：如果您有「網格」版面配置，請使用「水平空間」和「垂直空間」範圍滑桿，在頁面上的網格內容之間加入空間。加入水平空間最多能在頁面上的內容橫列之間加入 40 像素的空間，而加入垂直空間最多能在頁面上的內容直欄之間加入 40 像素的空間。
  8. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「版面配置」。
  7. 使用「頁面寬度」範圍滑桿，選擇 1000 像素至 1600 像素之間的頁面寬度。預設設定為 1600 像素。
  8. 選用：使用範圍滑桿在頁面上的範本區段之間加入垂直空間。區段之間最多可加入 100 像素。
  9. 選用：如果您有「網格」版面配置，請使用「水平空間」和「垂直空間」範圍滑桿，在頁面上的網格內容之間加入空間。加入水平空間最多能在頁面上的內容橫列之間加入 40 像素的空間，而加入垂直空間最多能在頁面上的內容直欄之間加入 40 像素的空間。
  10. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「版面配置」。
  7. 使用「頁面寬度」範圍滑桿，選擇 1000 像素至 1600 像素之間的頁面寬度。預設設定為 1600 像素。
  8. 選用：使用範圍滑桿在頁面上的範本區段之間加入垂直空間。區段之間最多可加入 100 像素。
  9. 選用：如果您有「網格」版面配置，請使用「水平空間」和「垂直空間」範圍滑桿，在頁面上的網格內容之間加入空間。加入水平空間最多能在頁面上的內容橫列之間加入 40 像素的空間，而加入垂直空間最多能在頁面上的內容直欄之間加入 40 像素的空間。
  10. 點選「✓」。

動畫

使用動畫即可為網路商店新增動態和視覺效果。您可以啟用淡入效果的動畫，在顧客捲動畫面時顯示商店區段，並為資訊卡和按鈕啟用懸停效果。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 按一下「動畫」。
  5. 選用：若要啟用在捲動畫面時顯示網路商店區段的動畫，請選取「捲動時顯示區段」。

  6. 選用：若要為卡片和按鈕新增暫留效果動畫，請在「暫留效果」設定中選取下列其中一個選項：

    • 垂直浮起：當顧客將滑鼠游標停留在資訊卡或按鈕上時，該元素會向上移動。
    • 3D 浮起：當顧客將滑鼠游標停留在資訊卡或按鈕上時，該元素會向前移動並產生 3D 效果。此外，將有一道細微光澤在整個元素上移動，為其增加空間感層次。

  7. 點擊「儲存」。

  1. 在 Shopify 應用程式中，點選「…」按鈕。

  2. 在銷售管道畫面上，點一下「線上商店」。

  3. 點選「管理所有佈景主題」。

  4. 尋找要編輯的佈景主題，然後點選「自訂」。

  5. 依序點選「⋮」和「佈景主題設定」。

  6. 點選「動畫」。

  7. 選用：若要啟用在捲動畫面時顯示網路商店區段的動畫，請選取「捲動時顯示區段」。

  8. 選用：若要為卡片和按鈕新增暫留效果動畫，請在「暫留效果」設定中選取下列其中一個選項：

    • 垂直浮起：當顧客將滑鼠游標停留在資訊卡或按鈕上時，該元素會向上移動。
    • 3D 浮起：當顧客將滑鼠游標停留在資訊卡或按鈕上時，該元素會向前移動並產生 3D 效果。此外，將有一道細微光澤在整個元素上移動，為其增加空間感層次。

  9. 點選「儲存」。

  1. 在 Shopify 應用程式中，點選「☰」按鈕。

  2. 在銷售管道畫面上，點一下「線上商店」。

  3. 點選「管理所有佈景主題」。

  4. 尋找要編輯的佈景主題，然後點選「自訂」。

  5. 依序點選「...」和「佈景主題設定」。

  6. 點選「動畫」。

  7. 選用：若要啟用在捲動畫面時顯示網路商店區段的動畫，請選取「捲動時顯示區段」。

  8. 選用：若要為卡片和按鈕新增暫留效果動畫，請在「暫留效果」設定中選取下列其中一個選項：

    • 垂直浮起：當顧客將滑鼠游標停留在資訊卡或按鈕上時，該元素會向上移動。
    • 3D 浮起：當顧客將滑鼠游標停留在資訊卡或按鈕上時，該元素會向前移動並產生 3D 效果。此外，將有一道細微光澤在整個元素上移動，為其增加空間感層次。

  9. 點選「✓」。

邊框和陰影

您可以調整某些互動式內容類型的邊框和陰影，例如導覽匣、按鈕、子類藥丸或商品數量輸入欄。

邊框的可自訂選項為：

  • 厚度：變更品項的外邊框。
  • 不透明度：設定品項外邊框的透明度。
  • 圓角半徑：圍繞物件的半徑。

「陰影」的可自訂選項包含：

  • 不透明度：用來變更物件陰影的透明度。若陰影不透明度為 0%，物件就會完全沒有陰影。
  • 水平和垂直位移範圍滑桿：用來移動物件周圍陰影的位置。
  • 模糊範圍滑桿，用於變更品項陰影的不透明度。

按鈕

您可以自訂網路商店中動作號召按鈕的設定，像是加入陰影、變更間距或透明度，以及調整按鈕形狀。

含有行動號召按鈕的網路商店範例

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 點擊「按鈕」。
  5. 選用：使用範圍滑桿來變更按鈕的「邊框」外觀。
  6. 選用：使用範圍滑桿來變更按鈕的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  7. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「按鈕」。
  7. 選用：使用範圍滑桿來變更按鈕的「邊框」外觀。
  8. 選用：使用範圍滑桿來變更按鈕的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  9. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「按鈕」。
  7. 選用：使用範圍滑桿來變更按鈕的「邊框」外觀。
  8. 選用：使用範圍滑桿來變更按鈕的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  9. 點選「✓」。

子類藥丸

子類藥丸可讓您在產品頁面或精選商品區段顯示商品的子類。顧客無須變更產品頁面，即可選取所需的子類，並將商品加入購物車。您可以自訂子類藥丸在網路商店中的顯示方式。

含有可選取子類藥丸的網路商店範例

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 點擊「子類藥丸」。
  5. 選用：使用範圍滑桿來變更子類藥丸的「邊框」外觀。
  6. 選用：使用範圍滑桿來變更子類藥丸的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  7. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「子類藥丸」。
  7. 選用：使用範圍滑桿來變更子類藥丸的「邊框」外觀。
  8. 選用：使用範圍滑桿來變更子類藥丸的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  9. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「子類藥丸」。
  7. 選用：使用範圍滑桿來變更子類藥丸的「邊框」外觀。
  8. 選用：使用範圍滑桿來變更子類藥丸的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  9. 點選「✓」。

輸入

「輸入」欄為需要顧客輸入的互動區域，例如數量選擇器、電子郵件訂閱表單或購物車備註。您可以調整網路商店「輸入」欄的外觀。

含有輸入欄的網路商店範例

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 點擊「輸入」。
  5. 選用：使用範圍滑桿來變更「輸入」欄的「邊框」外觀。
  6. 選用：使用範圍滑桿來變更「輸入」欄的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  7. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「輸入」。
  7. 選用：使用範圍滑桿來變更「輸入」欄的「邊框」外觀。
  8. 選用：使用範圍滑桿來變更「輸入」欄的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  9. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「輸入」。
  7. 選用：使用範圍滑桿來變更「輸入」欄的「邊框」外觀。
  8. 選用：使用範圍滑桿來變更「輸入」欄的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  9. 點選「✓」。

卡片

透過商品卡、商品系列卡和網誌卡的設定，即可自訂每種類型的卡片在頁面區段中的顯示樣式。您可以變更這三種類型區段卡片的顏色、對齊方式、圖片邊框間距、邊框和陰影。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 按一下「商品卡」、「商品系列卡片」或「網誌卡片」。
  5. 若要選擇卡片樣式，請使用「樣式」選項。
  6. 選用：若要在卡片圖片周圍加入空間，請使用「圖片邊框間距」範圍滑桿。
  7. 選用：為卡片的「文字對齊方式」選擇「靠左」、「置中」(預設) 或「靠右」。
  8. 選用：在「顏色配置」區段中，按一下「變更」為卡片選取顏色配置。
  9. 選用：使用範圍滑桿來變更卡片的「邊框」外觀。
  10. 選用：使用範圍滑桿來變更卡片的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  11. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「商品卡」、「商品系列卡片」或「網誌卡片」。
  7. 若要選擇卡片樣式，請使用「樣式」選項。
  8. 選用：若要在卡片圖片周圍加入空間，請使用「圖片邊框間距」範圍滑桿。
  9. 選用：為卡片的「文字對齊方式」選擇「靠左」、「置中」(預設) 或「靠右」。
  10. 選用：在「顏色配置」區段中，點選「變更」。為卡片選取顏色配置，然後點選「完成」。
  11. 選用：使用範圍滑桿來變更卡片的「邊框」外觀。
  12. 選用：使用範圍滑桿來變更卡片的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  13. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「商品卡」、「商品系列卡片」或「網誌卡片」。
  7. 若要選擇卡片樣式，請使用「樣式」選項。
  8. 選用：若要在卡片圖片周圍加入空間，請使用「圖片邊框間距」範圍滑桿。
  9. 選用：為卡片的「文字對齊方式」選擇「靠左」、「置中」(預設) 或「靠右」。
  10. 選用：在「顏色配置」區段中，點選「變更」。為卡片選取顏色配置，然後點選「完成」。
  11. 選用：使用範圍滑桿來變更卡片的「邊框」外觀。
  12. 選用：使用範圍滑桿來變更卡片的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  13. 點選「✓」。

內容容器

容器用於內容區段的文字元素，例如素材輪播的文字方塊、圖片橫幅，或多欄位區段的欄位。您可以自訂網路商店的內容容器外觀。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 點擊「內容容器」。
  5. 使用範圍滑桿來變更內容容器的「邊框」外觀。
  6. 使用範圍滑桿來變更內容容器的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  7. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「內容容器」。
  7. 使用範圍滑桿來變更內容容器的「邊框」外觀。
  8. 使用範圍滑桿來變更內容容器的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  9. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「內容容器」。
  7. 使用範圍滑桿來變更內容容器的「邊框」外觀。
  8. 使用範圍滑桿來變更內容容器的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  9. 點選「✓」。

媒體

多媒體檔案是區段的視覺元件，例如商品多媒體檔案，或附文字圖像區段中的圖片。您可以為多媒體檔案新增邊框和陰影。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 點擊「多媒體檔案」。
  5. 使用範圍滑桿來變更多媒體檔案的「邊框」外觀。
  6. 使用範圍滑桿來變更多媒體檔案的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  7. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「多媒體檔案」。
  7. 使用範圍滑桿來變更多媒體檔案的「邊框」外觀。
  8. 使用範圍滑桿來變更多媒體檔案的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  9. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「多媒體檔案」。
  7. 使用範圍滑桿來變更多媒體檔案的「邊框」外觀。
  8. 使用範圍滑桿來變更多媒體檔案的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  9. 點選「✓」。

下拉式選單和快顯視窗

您可以調整網路商店的導覽下拉式選單、彈出式互動視窗，以及購物車彈出式視窗的外觀。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 點擊「下拉式選單和快顯視窗」。
  5. 使用範圍滑桿來變更「邊框」的外觀。
  6. 使用範圍滑桿來變更「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  7. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「下拉式選單和快顯視窗」。
  7. 使用範圍滑桿來變更「邊框」的外觀。
  8. 使用範圍滑桿來變更「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  9. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「下拉式選單和快顯視窗」。
  7. 使用範圍滑桿來變更「邊框」的外觀。
  8. 使用範圍滑桿來變更「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  9. 點選「✓」。

收銀機

導覽匣是隱藏的互動式容器，會在點選或點按時顯示，例如可收合的導覽選單或商品系列篩選選項。您可以在網路商店上自訂導覽匣的邊框和陰影。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 點擊「導覽匣」。
  5. 使用範圍滑桿來變更導覽匣的「邊框」外觀。
  6. 使用範圍滑桿來變更導覽匣的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  7. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「導覽匣」。
  7. 使用範圍滑桿來變更導覽匣的「邊框」外觀。
  8. 使用範圍滑桿來變更導覽匣的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  9. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「導覽匣」。
  7. 使用範圍滑桿來變更導覽匣的「邊框」外觀。
  8. 使用範圍滑桿來變更導覽匣的「陰影」。將陰影「不透明度」設定為 0%，則完全沒有陰影。
  9. 點選「✓」。

徽章

商品降價或庫存數量為 0 時，系統會自動為產品圖片加入銷售與售罄徽章。您可以調整銷售與售罄徽章的位置、形狀和顏色。

含有折扣與售完徽章的網路商店範例

頁面與網誌徽章顯示在相關的搜尋結果中。您可以自訂這些徽章的位置和形狀，但不能變更頁面與網誌徽章的顏色。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 點擊「徽章」。
  5. 若要選取徽章位置，請按一下「卡片上的位置」下拉式選單，然後再點按「下方靠左」、「下方靠右」、「上方靠左」或「上方靠右」。
  6. 選用：若要為徽章加上圓角，請使用「圓角半徑」範圍滑桿。將圓角半徑設定為 0 像素會產生方形徽章邊緣，增加半徑則會使徽章邊緣更圓。
  7. 選用：若要選取顏色配置，請針對「銷售徽章顏色配置」或「售罄徽章顏色配置」按一下「變更」，然後點按您要使用的顏色配置。
  8. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「徽章」。
  7. 若要選取徽章位置，請點選「卡片上的位置」下拉式選單，然後再點選「下方靠左」、「下方靠右」、「上方靠左」或「上方靠右」。
  8. 選用：若要為徽章加上圓角，請使用「圓角半徑」範圍滑桿。將圓角半徑設定為 0 像素會產生方形徽章邊緣，增加半徑則會使徽章邊緣更圓。
  9. 選用：若要選取顏色配置，請針對「銷售徽章顏色配置」或「售罄徽章顏色配置」點選「變更」。為徽章選取顏色配置，然後點選「完成」。
  10. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「徽章」。
  7. 若要選取徽章位置，請點選「卡片上的位置」下拉式選單，然後再點選「下方靠左」、「下方靠右」、「上方靠左」或「上方靠右」。
  8. 選用：若要為徽章加上圓角，請使用「圓角半徑」範圍滑桿。將圓角半徑設定為 0 像素會產生方形徽章邊緣，增加半徑則會使徽章邊緣更圓。
  9. 選用：若要選取顏色配置，請針對「銷售徽章顏色配置」或「售罄徽章顏色配置」點選「變更」。為徽章選取顏色配置，然後點選「完成」。
  10. 點選「✓」。

品牌資訊

您可以在網路商店中加上品牌的相關資訊。完成以下步驟後，您可以在網路商店的頁尾中新增「品牌資訊」區塊。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 點擊「品牌資訊」。
  5. 選用：輸入品牌或企業的相關「標題」。
  6. 選用：輸入品牌或企業的相關「說明」。
  7. 選用：在「圖片」區域中，新增圖片或使用免費圖片：
    • 若要新增圖片，請按一下「選取圖片」，然後新增全新圖片或現有圖片：
      • 若要使用已上傳至 Shopify 管理介面的圖片，請選取該圖片，然後按一下「完成」。
      • 若要使用本機電腦中的圖片，請按一下「新增圖片」。選取並新增圖片，然後按一下「完成」。

- 若要使用免費圖片，請按一下「探索免費圖片」。尋找圖片，按一下以選取該圖片，然後再點按「選取」。

  1. 選用：在「圖片寬度」區域中，將範圍滑桿切換至您想要的像素寬度。
  2. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「品牌資訊」。
  7. 選用：輸入品牌或企業的相關「標題」。
  8. 選用：輸入品牌或企業的相關「說明」。
  9. 選用：在「圖片」區域中，新增圖片或使用免費圖片：
    • 若要新增圖片，請點選「選取圖片」，然後新增全新圖片或現有圖片：
      • 若要使用已上傳至 Shopify 管理介面的圖片，請選取該圖片，然後點選「完成」。
      • 若要使用本機裝置中的圖片，請點選「新增圖片」。請選取並新增本機裝置中的圖片，然後點選該圖片並點選「完成」。

- 若要使用免費圖片，請點選「探索免費圖片」。尋找並點選圖片，然後點選「完成」。

  1. 選用：在「圖片寬度」區域中，將範圍滑桿切換至您想要的像素寬度。
  2. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「品牌資訊」。
  7. 選用：輸入品牌或企業的相關「標題」。
  8. 選用：輸入品牌或企業的相關「說明」。
  9. 選用：在「圖片」區域中，新增圖片或使用免費圖片：
    • 若要新增圖片，請點選「選取圖片」，然後新增全新圖片或現有圖片：
      • 若要使用已上傳至 Shopify 管理介面的圖片，請選取該圖片，然後點選「完成」。
      • 若要使用本機裝置中的圖片，請點選「新增圖片」。請選取並新增本機裝置中的圖片，然後點選該圖片並點選「完成」。

- 若要使用免費圖片，請點選「探索免費圖片」。尋找並點選圖片，然後點選「完成」。

  1. 選用：在「圖片寬度」區域中，將範圍滑桿切換至您想要的像素寬度。
  2. 點選「✓」。

社群媒體

您可以新增指向網路商店頁尾所顯示的社群媒體帳號的連結。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 點擊「社交媒體」。
  5. 若要新增社群媒體帳號的連結，請在相關的「社群帳號」欄位中輸入您帳號的網站位址。請輸入完整連結，例如 https://instagram.com/shopify 或 https://tiktok.com/@shopify。
  6. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「社群媒體」。
  7. 若要新增社群媒體帳號的連結，請在相關的「社群帳號」欄位中輸入您帳號的網站位址。請輸入完整連結，例如 https://instagram.com/shopify 或 https://tiktok.com/@shopify。
  8. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「社群媒體」。
  7. 若要新增社群媒體帳號的連結，請在相關的「社群帳號」欄位中輸入您帳號的網站位址。請輸入完整連結，例如 https://instagram.com/shopify 或 https://tiktok.com/@shopify。
  8. 點選「✓」。

搜尋行為

網路商店包括搜尋預測，此功能會在顧客開始在搜尋欄位輸入時顯示搜尋建議。搜尋建議可協助顧客清楚指明並調整搜尋的查詢範圍，並讓顧客以新的方式探索網路商店。搜尋建議還能讓顧客快速瀏覽相符內容，無須為了查看個別的搜尋結果清單而離開目前頁面。

若要深入瞭解搜尋建議的運作方式，請參閱搜尋預測。

您可以自訂向顧客顯示搜尋建議的方式。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 按一下「搜尋行為」。
  5. 若要啟用或停用搜尋建議，請選取或取消選取「啟用搜尋建議」。
  6. 選用：若要在搜尋建議中顯示或隱藏商品廠商，請選取或取消選取「顯示商品廠商」。
  7. 選用：若要在搜尋建議中顯示或隱藏商品價格，請選取或取消選取「顯示商品價格」。
  8. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「搜尋行為」。
  7. 若要啟用或停用搜尋建議，請選取或取消選取「啟用搜尋建議」。
  8. 選用：若要在搜尋建議中顯示或隱藏商品廠商，請選取或取消選取「顯示商品廠商」。
  9. 選用：若要在搜尋建議中顯示或隱藏商品價格，請選取或取消選取「顯示商品價格」。
  10. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「搜尋行為」。
  7. 若要啟用或停用搜尋建議，請選取或取消選取「啟用搜尋建議」。
  8. 選用：若要在搜尋建議中顯示或隱藏商品廠商，請選取或取消選取「顯示商品廠商」。
  9. 選用：若要在搜尋建議中顯示或隱藏商品價格，請選取或取消選取「顯示商品價格」。
  10. 點選「✓」。

幣別格式

您可以選擇將幣別代碼與商品價格一起顯示。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 點擊「幣別格式」。
  5. 若要顯示幣別代碼，請選取「顯示幣別代碼」。
  6. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「幣別格式」。
  7. 若要顯示幣別代碼，請選取「顯示幣別代碼」。
  8. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「幣別格式」。
  7. 若要顯示幣別代碼，請選取「顯示幣別代碼」。
  8. 點選「✓」。

購物車

您可以變更網路商店的購物車樣式。顧客將您商店的商品加入購物車時，購物車可能會以導覽匣、頁面或彈出式視窗通知的形式顯示。若要讓顧客停留在產品頁面，請使用導覽匣或彈出式視窗通知選項。若要將顧客帶往購物車頁面，請使用頁面選項。顧客的購物車內沒有商品時，建議您在購物車導覽匣中顯示精選商品系列。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 按一下「購物車」。
  5. 使用「購物車類型」下拉式選單選取一種購物車樣式：「導覽匣」、「頁面」或「彈出式視窗通知」。
  6. 選用：若要顯示顧客購物車內品項的廠商，請選取「顯示廠商」。
  7. 選用：若要提供能讓顧客輸入特殊要求或新增其他訂單資訊的文字方塊，請選取「啟用購物車備註」。

  8. 選用：如果您選取「導覽匣」作為「購物車類型」，則可以在購物車導覽匣清空時，在其中顯示商品系列：

    1. 在「購物車導覽匣」區域中，按一下「選取商品系列」。
    2. 按一下要顯示的商品系列名稱，然後再點按「選取」。

  9. 選用：如果您選取「導覽匣」作為「購物車類型」，則可以透過執行以下步驟來變更購物車導覽匣的顏色配置：

    1. 在「購物車導覽匣」>「顏色配置」區域中，按一下「變更」。
    2. 選取要用於購物車導覽匣的顏色配置。

  10. 點擊「儲存」。

  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「購物車」。
  7. 選取以下其中一選項作為「購物車類型」：「導覽匣」、「頁面」或「彈出式視窗通知」。
  8. 選用：若要顯示顧客購物車內品項的廠商，請選取「顯示廠商」。
  9. 選用：若要提供能讓顧客輸入特殊要求或新增其他訂單資訊的文字方塊，請選取「啟用購物車備註」。

  10. 選用：如果您選取「導覽匣」作為「購物車類型」，則可以在購物車導覽匣清空時，在其中顯示商品系列：

    1. 在「購物車導覽匣」區域中，點選「選取商品系列」。
    2. 點選要顯示的商品系列名稱，然後再點選「完成」。

  11. 選用：如果您選取「導覽匣」作為「購物車類型」，則可以透過執行以下步驟來變更購物車導覽匣的顏色配置：

    1. 在「購物車導覽匣」>「顏色配置」區域中，點選「變更」。
    2. 選取要用於購物車導覽匣的顏色配置，然後點選「完成」。

  12. 點選「儲存」。

  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「購物車」。
  7. 選取以下其中一選項作為「購物車類型」：「導覽匣」、「頁面」或「彈出式視窗通知」。
  8. 選用：若要顯示顧客購物車內品項的廠商，請選取「顯示廠商」。
  9. 選用：若要提供能讓顧客輸入特殊要求或新增其他訂單資訊的文字方塊，請選取「啟用購物車備註」。

  10. 選用：如果您選取「導覽匣」作為「購物車類型」，則可以在購物車導覽匣清空時，在其中顯示商品系列：

    1. 在「購物車導覽匣」區域中，點選「選取商品系列」。
    2. 點選要顯示的商品系列名稱，然後再點選「完成」。

  11. 選用：如果您選取「導覽匣」作為「購物車類型」，則可以透過執行以下步驟來變更購物車導覽匣的顏色配置：

    1. 在「購物車導覽匣」>「顏色配置」區域中，點選「變更」。
    2. 選取要用於購物車導覽匣的顏色配置，然後點選「完成」。

  12. 點選「✓」。

自訂 CSS

「自訂 CSS」區段可讓您輸入自己的 CSS 程式碼，例如，除了可用的預設設定之外，您可以自訂網路商店按鈕的外觀，或將獨特樣式套用至特定文字元素。

佈景主題設定中的自訂 CSS 會影響網路商店中的所有頁面 (結帳頁面除外)。

深入瞭解如何將自訂 CSS 加入您的佈景主題。

佈景主題樣式

佈景主題樣式是由佈景主題設計師選擇的一系列設定。您可以將佈景主題樣式套用至您的商店，為商店打造設計精美的外觀和風格。所有的佈景主題都具有預設套用的佈景主題樣式。您擁有的其他佈景主題樣式選項取決於您所使用的佈景主題。

自訂佈景主題時，可以使用自己的佈景主題樣式設定取代佈景主題樣式設定。如果將佈景主題樣式套用於佈景主題，您目前的設定 (如顏色和字體) 將會隨之變更。

步驟：

  1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題，然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 點擊「佈景主題樣式」。
  5. 選取要使用的佈景主題樣式，然後按一下「變更樣式」。
  6. 點擊「儲存」。
  1. 在 Shopify 應用程式中，點選「…」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「⋮」和「佈景主題設定」。
  6. 點選「佈景主題樣式」。
  7. 選取要使用的佈景主題樣式，然後點選「完成」。
  8. 點選「儲存」。
  1. 在 Shopify 應用程式中，點選「☰」按鈕。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題，然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「佈景主題樣式」。
  7. 選取要使用的佈景主題樣式，然後點選「完成」。
  8. 點選「✓」。

復原和取消復原變更

「復原」按鈕可以還原最近一次變更，「取消復原」按鈕則會將您復原的變更加回來。如果點按「復原」按鈕多次，則會繼續復原作業內容，一次復原一個變更。「復原」和「取消復原」按鈕位於「佈景主題編輯器工具列」中。

佈景主題編輯器工具列中的復原和取消復原按鈕

按一下「復原」按鈕以撤銷對佈景主題所做的變更，包括以下範例：

  • 新增、重新排序和刪除區段
  • 套用顏色、字型和其他佈景主題設定
  • 重設佈景主題樣式

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

免費試用