佈景主題設定

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

商標

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

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

自訂標誌

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

步驟如下:

電腦版
  1. 在 Shopify 管理介面中,前往「網路商店」>「佈景主題」。

  2. 尋找要編輯的佈景主題,然後點擊「自訂」。

  3. 按一下「佈景主題設定」齒輪圖示。

  4. 點擊「標誌」。

  5. 在「標誌」區域中,新增圖片或使用免費圖片:

    • 若要新增圖片,請按一下「選取圖片」,然後新增全新圖片或現有圖片:

      • 若要使用已上傳至 Shopify 管理介面的圖片,請選取該圖片,然後按一下「完成」。
      • 若要使用本機電腦中的圖片,請按一下「新增圖片」。選取並新增圖片,然後按一下「完成」。
    • 若要使用免費圖片,請按一下「探索免費圖片」。尋找圖片,按一下以選取該圖片,然後再點按「選取」。

  6. 選用:為標誌圖片加上替代文字:

    1. 在「標誌」區域中,按一下「編輯」。
    2. 在「替代文字」欄位中,輸入圖片的簡要說明。
    3. 按一下「儲存」。
  7. 選用:在「電腦版標誌寬度」區域中,使用範圍滑桿來調整標誌像素寬度。

  8. 按一下「儲存」。

iPhone
  1. Shopify 應用程式中,點選「」按鈕。

  2. 在「銷售管道」區段中,點選「網路商店」。

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

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

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

  6. 點選「標誌」。

  7. 在「標誌」區域中,新增圖片或使用免費圖片:

    • 若要新增圖片,請點選「選取圖片」,然後新增全新圖片或現有圖片:

      • 若要使用已上傳至 Shopify 管理介面的圖片,請選取該圖片,然後點選「完成」。
      • 若要使用本機裝置中的圖片,請點選「新增圖片」。請選取並新增本機裝置中的圖片,然後點選該圖片並點選「完成」。
    • 若要使用免費圖片,請點選「探索免費圖片」。尋找並點選圖片,然後點選「完成」。

  8. 選用:為標誌圖片加上替代文字:

    1. 在「標誌」區域中,點選「編輯」。
    2. 在「替代文字」欄位中,輸入圖片的簡要說明。
    3. 點選「儲存」。
  9. 選用:在「電腦版標誌寬度」區域中,使用範圍滑桿來調整標誌像素寬度。

  10. 點選「儲存」。

Android
  1. Shopify 應用程式中,點選「」按鈕。

  2. 在「銷售管道」區段中,點選「網路商店」。

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

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

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

  6. 點選「標誌」。

  7. 在「標誌」區域中,新增圖片或使用免費圖片:

    • 若要新增圖片,請點選「選取圖片」,然後新增全新圖片或現有圖片:

      • 若要使用已上傳至 Shopify 管理介面的圖片,請選取該圖片,然後點選「完成」。
      • 若要使用本機裝置中的圖片,請點選「新增圖片」。請選取並新增本機裝置中的圖片,然後點選該圖片並點選「完成」。
    • 若要使用免費圖片,請點選「探索免費圖片」。尋找並點選圖片,然後點選「完成」。

  8. 選用:為標誌圖片加上替代文字:

    1. 在「標誌」區域中,點選「編輯」。
    2. 在「替代文字」欄位中,輸入圖片的簡要說明。
    3. 點選「儲存」。
  9. 選用:在「電腦版標誌寬度」區域中,使用範圍滑桿來調整標誌像素寬度。

  10. 點選「」。

新增 Favicon

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

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

深入瞭解 Favicon

步驟如下:

電腦版
  1. 在 Shopify 管理介面中,前往「網路商店」>「佈景主題」。

  2. 尋找要新增 Favicon 的佈景主題,然後點按「自訂」。

  3. 按一下「佈景主題設定」齒輪圖示。

  4. 視佈景主題版本而定,點擊「標誌」或「Favicon」。

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

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

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

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

iPhone
  1. Shopify 應用程式中,點選「」按鈕。

  2. 在「銷售管道」區段中,點選「網路商店」。

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

  4. 尋找要新增 Favicon 的佈景主題,然後點選「自訂」。

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

  6. 視佈景主題版本而定,點一下「標誌」或「Favicon」。

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

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

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

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

Android
  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. 按一下「儲存」。

iPhone
  1. Shopify 應用程式中,點選「橫向選單」按鈕。

  2. 在「銷售管道」區段中,點選「網路商店」。

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

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

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

  6. 點選「顏色」。

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

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

    • 背景
    • 背景 (漸層效果)
    • 文字
    • 純色按鈕背景
    • 純色按鈕標籤
    • 外框按鈕
    • 陰影
  9. 若要設定顏色,請輸入十六進位顏色代碼或從顏色選擇器中挑選。若要將顏色設為透明,請刪除文字欄位中的十六進位代碼。

  10. 點選「完成」。

  11. 點選「儲存」。

Android
  1. Shopify 應用程式中,點選「選單」按鈕。

  2. 在「銷售管道」區段中,點選「網路商店」。

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

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

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

  6. 點選「顏色」。

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

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

    • 背景
    • 背景 (漸層效果)
    • 文字
    • 純色按鈕背景
    • 純色按鈕標籤
    • 外框按鈕
    • 陰影
  9. 若要設定顏色,請輸入十六進位顏色代碼或從顏色選擇器中挑選。若要將顏色設為透明,請刪除文字欄位中的十六進位代碼。

  10. 點選「完成」。

  11. 點選「」。

字體

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

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

自訂字型類型

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

步驟如下:

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

自訂字型大小

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

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

步驟如下:

電腦版
  1. 在 Shopify 管理介面中,前往「網路商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題,然後點擊「自訂」。
  3. 按一下「佈景主題設定」齒輪圖示。
  4. 按一下「字體」。
  5. 若要變更「標題」文字的預設字型大小,請使用「字型大小縮放」範圍滑桿來選取預設字型大小。
  6. 若要變更「內文」文字的預設字型大小,請使用「字型大小縮放」範圍滑桿來選取預設字型大小。
  7. 按一下「儲存」。
iPhone
  1. Shopify 應用程式中,點選「」按鈕。
  2. 在「銷售管道」區段中,點選「網路商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題,然後點選「自訂」。
  5. 依序點選「」和「佈景主題設定」。
  6. 點選「字體」。
  7. 若要變更「標題」文字的預設字型大小,請使用「字型大小縮放」範圍滑桿來選取預設字型大小。
  8. 若要變更「內文」文字的預設字型大小,請使用「字型大小縮放」範圍滑桿來選取預設字型大小。
  9. 點選「儲存」。
Android
  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. 按一下「儲存」。
iPhone
  1. Shopify 應用程式中,點選「」按鈕。
  2. 在「銷售管道」區段中,點選「網路商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題,然後點選「自訂」。
  5. 依序點選「」和「佈景主題設定」。
  6. 點選「版面配置」。
  7. 使用「頁面寬度」範圍滑桿,選擇 1000 像素至 1600 像素之間的頁面寬度。預設設定為 1600 像素。
  8. 選用:使用範圍滑桿在頁面上的範本區段之間加入垂直空間。區段之間最多可加入 100 像素。
  9. 選用:如果您有「網格」版面配置,請使用「水平空間」和「垂直空間」範圍滑桿,在頁面上的網格內容之間加入空間。加入水平空間最多能在頁面上的內容橫列之間加入 40 像素的空間,而加入垂直空間最多能在頁面上的內容直欄之間加入 40 像素的空間。
  10. 點選「儲存」。
Android
  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. 按一下「儲存」。

iPhone
  1. Shopify 應用程式中,點選「橫向選單」按鈕。

  2. 在「銷售管道」區段中,點選「網路商店」。

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

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

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

  6. 點選「動畫」。

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

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

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

Android
  1. Shopify 應用程式中,點選「選單」按鈕。

  2. 在「銷售管道」區段中,點選「網路商店」。

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

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

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

  6. 點選「動畫」。

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

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

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

邊框和陰影

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

邊框的可自訂選項為:

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

陰影」的可自訂選項包含:

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

按鈕

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

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

步驟如下:

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

子類藥丸

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

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

步驟如下:

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

輸入

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

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

步驟如下:

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

卡片

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

步驟如下:

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

內容容器

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

步驟如下:

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

媒體

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

步驟如下:

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

下拉式選單和快顯視窗

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

步驟如下:

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

收銀機

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

步驟如下:

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

徽章

商品降價或庫存數量為 0 時,系統會自動為產品圖片加入「特惠」與「售罄」徽章。您可以在佈景主題設定中個別調整「特惠」與「售罄」徽章的位置、形狀和顏色。

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

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

步驟如下:

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

品牌資訊

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

步驟如下:

電腦版
  1. 在 Shopify 管理介面中,前往「網路商店」>「佈景主題」。

  2. 尋找要編輯的佈景主題,然後點擊「自訂」。

  3. 按一下「佈景主題設定」齒輪圖示。

  4. 點擊「品牌資訊」。

  5. 選用:輸入品牌或企業的相關「標題」。

  6. 選用:輸入品牌或企業的相關「說明」。

  7. 選用:在「圖片」區域中,新增圖片或使用免費圖片:

    • 若要新增圖片,請按一下「選取圖片」,然後新增全新圖片或現有圖片:

      • 若要使用已上傳至 Shopify 管理介面的圖片,請選取該圖片,然後按一下「完成」。
      • 若要使用本機電腦中的圖片,請按一下「新增圖片」。選取並新增圖片,然後按一下「完成」。
    • 若要使用免費圖片,請按一下「探索免費圖片」。尋找圖片,按一下以選取該圖片,然後再點按「選取」。

  8. 選用:在「圖片寬度」區域中,將範圍滑桿切換至您想要的像素寬度。

  9. 按一下「儲存」。

iPhone
  1. Shopify 應用程式中,點選「」按鈕。

  2. 在「銷售管道」區段中,點選「網路商店」。

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

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

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

  6. 點選「品牌資訊」。

  7. 選用:輸入品牌或企業的相關「標題」。

  8. 選用:輸入品牌或企業的相關「說明」。

  9. 選用:在「圖片」區域中,新增圖片或使用免費圖片:

    • 若要新增圖片,請點選「選取圖片」,然後新增全新圖片或現有圖片:

      • 若要使用已上傳至 Shopify 管理介面的圖片,請選取該圖片,然後點選「完成」。
      • 若要使用本機裝置中的圖片,請點選「新增圖片」。請選取並新增本機裝置中的圖片,然後點選該圖片並點選「完成」。
    • 若要使用免費圖片,請點選「探索免費圖片」。尋找並點選圖片,然後點選「完成」。

  10. 選用:在「圖片寬度」區域中,將範圍滑桿切換至您想要的像素寬度。

  11. 點選「儲存」。

Android
  1. Shopify 應用程式中,點選「」按鈕。

  2. 在「銷售管道」區段中,點選「網路商店」。

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

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

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

  6. 點選「品牌資訊」。

  7. 選用:輸入品牌或企業的相關「標題」。

  8. 選用:輸入品牌或企業的相關「說明」。

  9. 選用:在「圖片」區域中,新增圖片或使用免費圖片:

    • 若要新增圖片,請點選「選取圖片」,然後新增全新圖片或現有圖片:

      • 若要使用已上傳至 Shopify 管理介面的圖片,請選取該圖片,然後點選「完成」。
      • 若要使用本機裝置中的圖片,請點選「新增圖片」。請選取並新增本機裝置中的圖片,然後點選該圖片並點選「完成」。
    • 若要使用免費圖片,請點選「探索免費圖片」。尋找並點選圖片,然後點選「完成」。

  10. 選用:在「圖片寬度」區域中,將範圍滑桿切換至您想要的像素寬度。

  11. 點選「」。

社群媒體

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

步驟如下:

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

搜尋行為

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

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

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

步驟如下:

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

幣別格式

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

步驟如下:

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

購物車

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

步驟如下:

電腦版
  1. 在 Shopify 管理介面中,前往「網路商店」>「佈景主題」。

  2. 尋找要編輯的佈景主題,然後點擊「自訂」。

  3. 按一下「佈景主題設定」齒輪圖示。

  4. 按一下「購物車」。

  5. 使用「購物車類型」下拉式選單選取一種購物車樣式:「導覽匣」、「頁面」或「彈出式視窗通知」。

  6. 選用:若要顯示顧客購物車內品項的廠商,請選取「顯示廠商」。

  7. 選用:若要提供能讓顧客輸入特殊要求或新增其他訂單資訊的文字方塊,請選取「啟用購物車備註」。

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

    1. 在「購物車導覽匣」區域中,按一下「選取商品系列」。
    2. 按一下要顯示的商品系列名稱,然後再點按「選取」。
  9. 選用:如果您選取「導覽匣」作為「購物車類型」,則可以透過執行以下步驟來變更購物車導覽匣的顏色配置:

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

iPhone
  1. Shopify 應用程式中,點選「」按鈕。

  2. 在「銷售管道」區段中,點選「網路商店」。

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

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

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

  6. 點選「購物車」。

  7. 選取以下其中一選項作為「購物車類型」:「導覽匣」、「頁面」或「彈出式視窗通知」。

  8. 選用:若要顯示顧客購物車內品項的廠商,請選取「顯示廠商」。

  9. 選用:若要提供能讓顧客輸入特殊要求或新增其他訂單資訊的文字方塊,請選取「啟用購物車備註」。

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

    1. 在「購物車導覽匣」區域中,點選「選取商品系列」。
    2. 點選要顯示的商品系列名稱,然後再點選「完成」。
  11. 選用:如果您選取「導覽匣」作為「購物車類型」,則可以透過執行以下步驟來變更購物車導覽匣的顏色配置:

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

Android
  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. 按一下「儲存」。
iPhone
  1. Shopify 應用程式中,點選「」按鈕。
  2. 在「銷售管道」區段中,點選「網路商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題,然後點選「自訂」。
  5. 依序點選「」和「佈景主題設定」。
  6. 點選「佈景主題樣式」。
  7. 選取要使用的佈景主題樣式,然後點選「完成」。
  8. 點選「儲存」。
Android
  1. Shopify 應用程式中,點選「」按鈕。
  2. 在「銷售管道」區段中,點選「網路商店」。
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題,然後點選「自訂」。
  5. 依序點選「...」和「佈景主題設定」。
  6. 點選「佈景主題樣式」。
  7. 選取要使用的佈景主題樣式,然後點選「完成」。
  8. 點選「」。

復原和取消復原變更

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

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

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

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

帶色樣的顏色選項

更新的 Shopify 商品分類包括標準顏色屬性,可用於新增顏色色樣至店面。若要存取此標準屬性,選取包含「顏色」類別中繼欄位的商品類別。以下中繼欄位類別支援顏色色樣:

  • Backing color
  • Backrest upholstery color
  • Band color
  • Blanket color
  • Body color
  • Butt cap color
  • Color
  • Canopy color
  • Case color
  • Core color
  • Cover color
  • Dial color
  • Door color
  • Door mat base color
  • Eyewear frame color
  • Eyewear lens color
  • Fingerboard color
  • Flower color
  • Flush plate color
  • Footwear color
  • Foundation color
  • Frame color
  • Furniture/Fixture color
  • Handle color
  • Housing color
  • Ink color
  • Instrument color
  • Instrument string color
  • Jumping surface color
  • Laser color
  • Leg color
  • Lens color
  • Light color
  • Neck color
  • Pen color
  • Pole color
  • Riser color
  • Rod color
  • Saddle base color
  • Saddle seat color
  • Seat color
  • Seat upholstery color
  • Shaft color
  • Sheet color
  • Shelf color
  • Shell/Frame color
  • Slat color
  • Spool color
  • String color
  • Suction cup color
  • Tabletop color
  • Tank color
  • Temple color
  • Top color
  • Upholstery color

深入瞭解如何使用中繼欄位類別新增顏色色樣,以及移轉現有商品以使用中繼欄位類別

沒有找到您需要的答案嗎?我們很樂意為您提供協助。