自訂佈景主題設定

您可以在佈景主題編輯器的 側邊欄選單 中的 佈景主題設定 區段,調整網路商店的整體設定,例如字體排版、顏色、社群媒體連結,以及購物車頁面。您在 佈景主題設定 區段中所做的變更會套用到整個網路商店。

各區段與區塊也有個別設定,您可以調整,以自訂佈景主題中的各個區段。深入瞭解區段與區塊

您可以在網路商店加入品牌標誌。標誌會顯示在下列位置:

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

自訂標誌

標誌圖片的最大寬度為 300 px。

步驟:

電腦版
  1. From your Shopify admin, go to Online Store.

  2. 找到您要編輯的佈景主題,然後按一下 編輯佈景主題

  3. 按一下 佈景主題設定 settings 圖示。

  4. 按一下 標誌

  5. 標誌 區域中,新增您的圖片或使用免費圖片:

    • 若要新增您的圖片,按一下 選取圖片,然後新增新圖片或使用現有圖片:
      • 若要使用您已上傳至 Shopify 管理介面的圖片,選取圖片後,按一下 完成
      • 若要使用本機電腦中的圖片,按一下 新增圖片。選取並新增圖片後,再按一下 完成
    • 若要使用免費圖片,按一下 瀏覽免費圖片。找到圖片後,按一下圖片以選取,接著按一下 選取
  6. 選用:為標誌圖片新增替代文字:

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

  8. 按一下 儲存

行動裝置
  1. Shopify 應用程式 中,點選 Menu 圖示。

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

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

  4. 找到您要編輯的佈景主題,然後點選 編輯佈景主題

  5. 點選 水平選單垂直選單,然後點選「佈景主題設定」。

  6. 點選 標誌

  7. 標誌 區域中,新增您的圖片或使用免費圖片:

    • 若要新增您的圖片,點選 選取圖片,然後新增新圖片或使用現有圖片:
      • 若要使用您已上傳至 Shopify 管理介面的圖片,選取圖片後,點選 完成
      • 若要使用本機裝置中的圖片,點選 新增圖片。從本機裝置選取並新增圖片,點選圖片以選取後,再點選 完成
    • 若要使用免費圖片,點選 瀏覽免費圖片。找到圖片後,點選圖片以選取,接著點選 完成
  8. 選用:為標誌圖片新增替代文字:

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

  10. 點選 儲存

新增 favicon

您可以新增網站圖示 (favicon),以協助塑造網路商店的品牌形象。favicon 會顯示在下列位置:

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

瞭解 favicon 的詳情

步驟:

電腦版
  1. From your Shopify admin, go to Online Store.

  2. 找出您要新增 favicon 的佈景主題,然後按一下 編輯佈景主題

  3. 按一下 佈景主題設定 settings 圖示。

  4. 依您的佈景主題版本,按一下 LogoFavicon

  5. Favicon 圖片 區段中,按一下 選取圖片,然後新增新圖片或使用現有的圖片:

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

  7. 選用:為您的 favicon 圖片新增替代文字:

    1. Favicon 圖片 區段中,按一下 編輯
    2. 替代文字 欄位輸入圖片的簡短描述。
    3. 按一下 儲存
  8. 按一下 儲存

行動裝置
  1. Shopify 應用程式 中,點選 Menu 圖示。

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

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

  4. 找出您要新增 favicon 的佈景主題,然後點選 編輯佈景主題

  5. 點選 水平選單垂直選單,然後點選「佈景主題設定」。

  6. 依您的佈景主題版本,點選 LogoFavicon

  7. Favicon 圖片 區段中,點選 選取圖片,然後新增新圖片或使用現有的圖片:

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

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

    1. Favicon 圖片 區段中,點選 編輯
    2. 替代文字 欄位輸入圖片的簡短描述。
    3. 點選 儲存
  10. 點選 儲存

顏色

佈景主題的顏色設定會控制整家網路商店所使用的顏色。您可以在佈景主題設定的「顏色」區段中,設定佈景主題的整體顏色。根據您使用的佈景主題,將透過下列其中一種顏色系統來管理顏色: ​

  • 較新的佈景主題 (例如 Horizon 4.0.0 及其後版本) 提供調色盤。調色盤是一組具名的品牌顏色,會套用至整個佈景主題。區段和區塊可能會有顏色輸入欄位,可讓您使用自訂顏色覆寫調色盤顏色,或變更指定的調色盤顏色。
  • 多數佈景主題都提供顏色配置,例如推出 Horizon 4.0.0 前所有的免費 Shopify 佈景主題。顏色配置包含不同顏色的組合,例如背景、文字和按鈕,您可以將這些顏色套用至網路商店的各個區段。您可以在佈景主題設定中建立多種顏色配置。

管理調色盤

透過調色盤,您可以快速地在佈景主題編輯器中的多個設定重複使用顏色。從調色盤變更顏色時,所有使用該顏色的設定都會動態更新為新顏色。這也表示,如果您需要使用某個顏色一次以上,就不需要去記住其十六進位代碼。

佈景主題編輯器中的調色盤

步驟:

電腦版
  1. From your Shopify admin, go to Online Store.

  2. 在要編輯的佈景主題旁,點擊「編輯佈景主題」。

  3. 點擊 佈景主題設定 圖示,然後點擊「顏色」。

  4. 在「顏色」區段中,點擊 + 選取要新增至調色盤的顏色。

  5. 選用:若要從調色盤移除不再需要的顏色:

    1. 點擊該顏色,然後點擊「刪除顏色」。
    2. 選取替代顏色,以在佈景主題中使用該顏色取代已刪除的顏色。
    3. 點擊「確認」。
  6. 按一下 儲存

行動裝置
  1. Shopify app 中,點選 選單,然後點選 設定設定」。

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

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

  4. 找到您要編輯的佈景主題,然後點選 編輯佈景主題

  5. 點選 水平選單垂直選單,然後點選「佈景主題設定」。

  6. 點選「顏色」。

  7. 在「顏色」區段中,點選 + 選取要新增至調色盤的顏色。

  8. 選用:若要從調色盤移除不再需要的顏色:

    1. 點選該顏色,然後點選「刪除顏色」。
    2. 選取替代顏色,以在佈景主題中使用該顏色取代已刪除的顏色。
    3. 點選「確認」。
  9. 點選 儲存

管理顏色配置

您可以在佈景主題設定中建立新顏色配置、刪除顏色配置,或管理各個顏色配置內的顏色。您在佈景主題編輯器中最多可使用 21 種顏色配置。

步驟:

  1. From your Shopify admin, go to Online Store.

  2. 在您要自訂的佈景主題旁,按一下 編輯佈景主題

  3. 按一下 settings 圖示,然後按一下 顏色

  4. 配置 區段中,按一下現有配置,或按一下 新增配置 新增顏色配置。

  5. 按一下您要變更的內容類型顏色的色樣。

  6. 要設定顏色,請輸入十六進位色碼,或從顏色選擇器選取顏色。若要設為透明,請刪除文字欄位中的十六進位色碼。

  7. 按一下 儲存

文字排版

您可以為網路商店中的文字設定字型樣式與大小。您可以選擇系統字型,或新增自訂字型。佈景主題中可用的字型取決於佈景主題的開發者。所有免費 Shopify 佈景主題都使用Shopify 的字型資料庫中的字型。

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

自訂字型

請參考Shopify 的字型資料庫以查看可用字型清單。

步驟:

電腦版
  1. From your Shopify admin, go to Online Store.

  2. 找到您要編輯的佈景主題,然後按一下 編輯佈景主題

  3. 按一下 佈景主題設定 settings 圖示。

  4. 按一下文字排版

  5. 若要變更商店的標題或內文字型,請在標題內文區段按一下變更

  6. 按一下您要使用的字型名稱,然後按一下選取

  7. 按一下 儲存

行動裝置
  1. Shopify 應用程式 中,點選 Menu 圖示。

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

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

  4. 找到您要編輯的佈景主題,然後點選 編輯佈景主題

  5. 點選 水平選單垂直選單,然後點選「佈景主題設定」。

  6. 點選文字排版

  7. 若要變更商店的標題或內文字型,請在標題內文區段點選變更

  8. 點選您要使用的字型名稱,然後點選完成

  9. 點選 儲存

自訂字型大小

您可以在「文字排版」佈景主題設定中,為標題與內文設定預設字型大小。

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

步驟:

電腦版
  1. From your Shopify admin, go to Online Store.

  2. 找到您要編輯的佈景主題,然後按一下 編輯佈景主題

  3. 按一下 佈景主題設定 settings 圖示。

  4. 按一下文字排版

  5. 若要變更標題文字的預設字型大小,請使用字型大小比例範圍滑桿選取預設字型大小。

  6. 若要變更內文文字的預設字型大小,請使用字型大小比例範圍滑桿選取預設字型大小。

  7. 按一下 儲存

行動裝置
  1. Shopify 應用程式 中,點選 Menu 圖示。

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

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

  4. 找到您要編輯的佈景主題,然後點選 編輯佈景主題

  5. 點選 水平選單垂直選單,然後點選「佈景主題設定」。

  6. 點選文字排版

  7. 若要變更標題文字的預設字型大小,請使用字型大小比例範圍滑桿選取預設字型大小。

  8. 若要變更內文文字的預設字型大小,請使用字型大小比例範圍滑桿選取預設字型大小。

  9. 點選 儲存

版面配置

您可以設定網路商店的最大顯示寬度,並設定各區段之間的垂直與水平間距。

步驟:

電腦版
  1. From your Shopify admin, go to Online Store.

  2. 找到您要編輯的佈景主題,然後按一下 編輯佈景主題

  3. 按一下 佈景主題設定 settings 圖示。

  4. 按一下版面配置

  5. 使用頁面寬度範圍滑桿,選擇介於 1,000 px 與 1,600 px 之間的頁面寬度。預設為 1,600 px。

  6. 選用:使用範圍滑桿,為頁面新增垂直的範本區段間距。區段之間最多可新增 100 px。

  7. 選用:如果您使用網格版面配置,請使用水平間距垂直間距範圍滑桿,為頁面中的網格內容新增間距。增加水平間距會在頁面內容的列之間最多新增 40 px 的間距;增加垂直間距會在頁面內容的欄之間最多新增 40 px 的間距。

  8. 按一下 儲存

行動裝置
  1. Shopify 應用程式 中,點選 Menu 圖示。

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

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

  4. 找到您要編輯的佈景主題,然後點選 編輯佈景主題

  5. 點選 水平選單垂直選單,然後點選「佈景主題設定」。

  6. 點選版面配置

  7. 使用頁面寬度範圍滑桿,選擇介於 1,000 px 與 1,600 px 之間的頁面寬度。預設為 1,600 px。

  8. 選用:使用範圍滑桿,為頁面新增垂直的範本區段間距。區段之間最多可新增 100 px。

  9. 選用:如果您使用網格版面配置,請使用水平間距垂直間距範圍滑桿,為頁面中的網格內容新增間距。增加水平間距會在頁面內容的列之間最多新增 40 px 的間距;增加垂直間距會在頁面內容的欄之間最多新增 40 px 的間距。

  10. 點選 儲存

動畫

動畫可為您的網路商店增添動態與視覺效果。您可以啟用在捲動時顯示商店各區段的淡入動畫,以及卡片與按鈕的滑鼠暫留效果。

步驟:

電腦版
  1. From your Shopify admin, go to Online Store.

  2. 找到您要編輯的佈景主題,然後按一下 編輯佈景主題

  3. 按一下 佈景主題設定 settings 圖示。

  4. 按一下動畫

  5. 選用:若要啟用在捲動時顯示網路商店各區段的動畫,請選取捲動時顯示區段

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

    • 垂直抬升:當顧客將游標暫留在卡片或按鈕上時,元素會向上移動。
    • 3D 浮起:當顧客將游標暫留在卡片或按鈕上時,元素會向前移動,呈現 3D 效果。元素上也會有一道細緻的光澤掠過,增添另一層立體感。
  7. 按一下 儲存

行動裝置
  1. Shopify 應用程式 中,點選 Menu 圖示。

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

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

  4. 找到您要編輯的佈景主題,然後點選 編輯佈景主題

  5. 點選 水平選單垂直選單,然後點選「佈景主題設定」。

  6. 點選 動畫

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

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

    • 垂直抬升:當顧客將游標暫留在卡片或按鈕上時,元素會向上移動。
    • 3D 浮起:當顧客將游標暫留在卡片或按鈕上時,元素會向前移動,呈現 3D 效果。元素上也會有一道細緻的光澤掠過,增添另一層立體感。
  9. 點選 儲存

視覺元素自訂設定

您可以在 佈景主題設定 頁面調整佈景主題中各項元素的外觀,例如按鈕、商品卡片與商品子類。每個選項都包含該元素的相關設定。

您可以調整以下佈景主題元素的設定:

  • 按鈕:包含素材輪播或附文字圖像等區塊中的行動號召按鈕,以及聯絡表單、產品頁面與購物車頁面的按鈕。
  • 子類膠囊選項:可在產品頁面或精選商品區塊中顯示商品子類。顧客可直接選取想要的子類,將商品加入購物車,無須切換產品頁面。您可以自訂子類膠囊選項在網路商店中的顯示方式。
  • 輸入欄位:指需要顧客輸入的互動區域,例如數量選擇器、電子郵件訂閱表單或購物車備註。您可以調整網路商店輸入欄位的外觀。
  • 商品卡片、商品系列卡片與網誌卡片的設定,可讓您自訂各類卡片在頁面區塊中的顯示樣式。
    • 商品卡片:在佈景主題中列出多項商品的區域,會以卡片顯示商品資訊,例如商品系列範本、商品系列區塊與搜尋結果。
    • 商品系列卡片:在佈景主題中列出商品系列的區域,會顯示商品系列資訊,例如商品系列清單範本或區塊。
    • 網誌卡片:在佈景主題中列出多篇網誌文章的區域,會顯示網誌文章資訊,例如網誌範本、網誌區塊與搜尋結果。
  • 內容容器:容器用於內容區塊中的文字元素,例如素材輪播上的文字方塊、圖片橫幅上的文字,或多欄區塊各欄中的文字。您可以自訂網路商店內容容器的外觀。
  • 多媒體檔案:多媒體是各區塊的視覺元件,例如產品多媒體檔案,或附文字圖像區塊中的圖片。您可以替多媒體檔案加上邊框與陰影。
  • 下拉式選單與彈出式視窗:您可以調整網路商店中的下拉式選單、互動視窗與購物車彈出式視窗的外觀。
  • 抽屜式面板:抽屜式面板是隱藏的互動容器,點選或按一下後會滑出顯示,例如可摺疊選單或商品系列的篩選選項。您可以自訂網路商店中抽屜式面板的邊框與陰影。
  • 徽章:當您調降價格,或庫存數量達到 0 時,系統會自動在您的產品圖片上加上 SaleSold out 徽章。您可在佈景主題設定中,分別調整 SaleSold out 徽章的位置、形狀與顏色。PageBlog 徽章會顯示於相關搜尋結果。您可以自訂這些徽章的位置與形狀,但無法變更 PageBlog 徽章的顏色。
  • 品牌資訊:您可以在網路商店中加入品牌相關資訊。完成下列步驟後,您即可在網路商店頁尾新增 品牌資訊 區塊。

步驟:

電腦版
  1. From your Shopify admin, go to Online Store.

  2. 在要編輯的佈景主題旁,按一下 編輯佈景主題

  3. 按一下 settings 圖示。

  4. 按一下元素以開啟設定。

  5. 調整任何可用的設定。您可在 預覽視窗 中切換佈景主題的不同區域,檢視變更。

  6. 按一下 儲存

行動裝置
  1. Shopify 應用程式 中,點選 Menu 圖示。

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

  3. 在要編輯的佈景主題旁,點選 編輯佈景主題

  4. 點選 settings 圖示。

  5. 點選元素以開啟設定。

  6. 調整任何可用的設定。您可在 預覽視窗 中切換佈景主題的不同區域,檢視變更。

  7. 點選 儲存

社群媒體

您可以在網路商店頁尾新增並顯示您的社群媒體帳戶連結。

步驟:

電腦版
  1. From your Shopify admin, go to Online Store.

  2. 找到您要編輯的佈景主題,然後按一下 編輯佈景主題

  3. 按一下 佈景主題設定 settings 圖示。

  4. 按一下 社群媒體

  5. 若要新增社群媒體帳戶的連結,請在對應的 社群帳戶 欄位輸入各帳戶的網址。請輸入完整連結,例如 https://instagram.com/shopifyhttps://tiktok.com/@shopify

  6. 按一下 儲存

行動裝置
  1. Shopify 應用程式 中,點選 Menu 圖示。

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

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

  4. 找到您要編輯的佈景主題,然後點選 編輯佈景主題

  5. 點選 水平選單垂直選單,然後點選「佈景主題設定」。

  6. 點選 社群媒體

  7. 若要新增社群媒體帳戶的連結,請在對應的 社群帳戶 欄位輸入各帳戶的網址。請輸入完整連結,例如 https://instagram.com/shopifyhttps://tiktok.com/@shopify

  8. 點選 儲存

搜尋行為

您的網路商店包含搜尋預測功能,當顧客在搜尋欄開始輸入時,會顯示建議。搜尋建議可協助顧客表達並調整搜尋查詢,並提供探索您網路商店的新方式。搜尋建議也能讓顧客快速瀏覽相符結果,而不必離開目前頁面查看另一份搜尋結果清單。

若要進一步瞭解搜尋建議的運作方式,請參閱 搜尋預測

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

步驟:

電腦版
  1. From your Shopify admin, go to Online Store.

  2. 找到您要編輯的佈景主題,然後按一下 編輯佈景主題

  3. 按一下 佈景主題設定 settings 圖示。

  4. 按一下 搜尋行為

  5. 若要啟用或停用搜尋建議,請勾選或取消勾選 啟用搜尋建議

  6. 選用:若要在搜尋建議中顯示或隱藏商品的廠商,請勾選或取消勾選 顯示商品廠商

  7. 選用:若要在搜尋建議中顯示或隱藏商品價格,請勾選或取消勾選 顯示商品價格

  8. 按一下 儲存

行動裝置
  1. Shopify 應用程式 中,點選 Menu 圖示。

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

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

  4. 找到您要編輯的佈景主題,然後點選 編輯佈景主題

  5. 點選 水平選單垂直選單,然後點選「佈景主題設定」。

  6. 點選 搜尋行為

  7. 若要啟用或停用搜尋建議,請勾選或取消勾選 啟用搜尋建議

  8. 選用:若要在搜尋建議中顯示或隱藏商品的廠商,請勾選或取消勾選 顯示商品廠商

  9. 選用:若要在搜尋建議中顯示或隱藏商品價格,請勾選或取消勾選 顯示商品價格

  10. 點選 儲存

幣別格式

您可以選擇是否在商品價格旁顯示幣別代碼。

步驟:

電腦版
  1. From your Shopify admin, go to Online Store.

  2. 找到您要編輯的佈景主題,然後按一下 編輯佈景主題

  3. 按一下 佈景主題設定 settings 圖示。

  4. 按一下 幣別格式

  5. 若要顯示幣別代碼,請勾選 顯示幣別代碼

  6. 按一下 儲存

行動裝置
  1. Shopify 應用程式 中,點選 Menu 圖示。

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

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

  4. 找到您要編輯的佈景主題,然後點選 編輯佈景主題

  5. 點選 水平選單垂直選單,然後點選「佈景主題設定」。

  6. 點選 幣別格式

  7. 若要顯示幣別代碼,請勾選 顯示幣別代碼

  8. 點選 儲存

購物車

您可以變更網路商店中購物車的樣式。顧客將商店內的商品加入購物車時,購物車可顯示為抽屜式面板、頁面或彈出式通知。若要讓顧客停留在產品頁面,請使用抽屜式面板或彈出式通知選項;若要帶顧客前往購物車頁面,請使用頁面選項。當顧客的購物車為空時,您可以在購物車抽屜中顯示精選商品系列。

步驟:

電腦版
  1. From your Shopify admin, go to Online Store.

  2. 找到您要編輯的佈景主題,然後按一下 編輯佈景主題

  3. 按一下 佈景主題設定 settings 圖示。

  4. 按一下 購物車

  5. 使用 購物車類型 下拉式選單,選擇 抽屜式面板頁面彈出式通知 的購物車樣式。

  6. 選用:若要在顧客的購物車中顯示品項的廠商,請勾選 顯示廠商

  7. 選用:若要提供可讓顧客輸入特殊要求或補充訂單資訊的文字方塊,請勾選 啟用購物車備註

  8. 選用:如果將 購物車類型 設為 抽屜式面板,則可在購物車抽屜為空時顯示某個商品系列:

    1. 購物車抽屜 區域中,按一下 選取商品系列
    2. 按一下您要顯示的商品系列名稱,然後按一下 選取
  9. 選用:如果將 購物車類型 設為 抽屜式面板,您可以依下列步驟變更購物車抽屜的顏色配置:

    1. 購物車 > 顏色配置 區域,按一下 變更
    2. 選取您要用於購物車的顏色配置。
  10. 按一下 儲存

行動裝置
  1. Shopify 應用程式 中,點選 Menu 圖示。

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

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

  4. 找到您要編輯的佈景主題,然後點選 編輯佈景主題

  5. 點選 水平選單垂直選單,然後點選「佈景主題設定」。

  6. 點選 購物車

  7. 購物車類型 中,選取 抽屜頁面快顯通知

  8. 選用:若要在顧客的購物車中顯示品項的廠商,請勾選 顯示廠商

  9. 選用:若要提供可讓顧客輸入特殊要求或補充訂單資訊的文字方塊,請勾選 啟用購物車備註

  10. 選用:如果將 購物車類型 設為 抽屜式面板,則可在購物車抽屜為空時顯示某個商品系列:

    1. 購物車 區域,點選 選取商品系列
    2. 點選您要顯示的商品系列名稱,然後點選 完成
  11. 選用:如果將 購物車類型 設為 抽屜式面板,您可以依下列步驟變更購物車抽屜的顏色配置:

    1. 購物車 > 顏色配置 區域,點選 變更
    2. 選取您要用於購物車的顏色配置,然後點選 完成
  12. 點選 儲存

自訂 CSS

自訂 CSS 區段,您可以輸入自己的 CSS 程式碼。例如,除了default settings that are available之外,您可以進一步自訂網路商店按鈕的外觀,或為特定文字元素套用獨特樣式。

在佈景主題設定中加入的自訂 CSS 會影響網路商店的所有頁面,但結帳頁面除外。

瞭解詳情:Adding custom CSS to your theme

佈景主題樣式

佈景主題樣式是由佈景主題設計師選定的一組設定。您可以將佈景主題樣式套用到商店,打造更精緻的外觀和風格。所有佈景主題預設都會套用一種佈景主題樣式。您可用的其他佈景主題樣式選項取決於您所使用的佈景主題。

當您自訂佈景主題時,會以您自己的設定取代佈景主題樣式的設定。當您將某個佈景主題樣式套用到佈景主題時,現有設定會變更,例如顏色和字體。

步驟:

電腦版
  1. From your Shopify admin, go to Online Store.

  2. 找到您要編輯的佈景主題,然後按一下 編輯佈景主題

  3. 按一下 佈景主題設定 settings 圖示。

  4. 按一下 佈景主題樣式

  5. 選取您要使用的佈景主題樣式,然後按一下 變更樣式

  6. 按一下 儲存

行動裝置
  1. Shopify 應用程式 中,點選 Menu 圖示。

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

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

  4. 找到您要編輯的佈景主題,然後點選 編輯佈景主題

  5. 點選 水平選單垂直選單,然後點選「佈景主題設定」。

  6. 點選 佈景主題樣式

  7. 選取您要使用的佈景主題樣式,然後點選 完成

  8. 點選 儲存