說明
登入

自訂佈景主題設定

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

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

本頁內容

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

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

自訂標誌

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

步驟：

電腦版

  1. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

  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. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

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

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

  4. 依您的佈景主題版本，按一下 Logo 或 Favicon。

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

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

  6. 按一下 完成。

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

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

  8. 按一下 儲存。

行動裝置

  1. 在 Shopify 應用程式 中，點選 Menu 圖示。

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

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

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

  5. 點選 … 或 ⋮，然後點選 佈景主題設定。

  6. 依您的佈景主題版本，點選 Logo 或 Favicon。

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

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

  8. 點選 完成。

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

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

  10. 點選 儲存 或 ✓。

顏色

您可以在佈景主題的設定中定義不同的顏色配置，並透過顏色配置選擇器將它們套用到網路商店各個區段。顏色配置是一組顏色。您的佈景主題已套用預設的顏色配置，您可隨時在佈景主題編輯器中變更。您也可加入您的品牌色，確保整體配色在商店各處一致。

範本不提供各自的顏色設定，目的是讓整個網站的網路商店設計保持一致。範本可視為商店的主頁或主要內容。若在商店各處使用不同顏色配置，可能造成不佳的用戶體驗，並導致顧客在未購買商品的情況下離開。

您最多可建立並自訂 21 組獨特的顏色配置，並將它們套用到網路商店各個區段。

顏色配置

顏色配置是佈景主題中的設定，會以視覺方式將各元素與其對應顏色歸組。您可以為各種元素指定不同顏色，形成一致的顏色配置，並在佈景主題中具備顏色配置選擇器的地方套用。您最多可建立 21 組顏色配置。您也可以在配置預覽中檢視顏色的呈現方式。

以下是在佈景主題編輯器中可套用到顏色配置的各項設定。
設定說明
背景此顏色會套用到部分區段的背景，以及外框按鈕的背景。
背景漸層會將顏色漸層套用到部分區段的背景。在可行情況下，背景漸層會取代原本背景。
文字此顏色會套用到區段或區塊的文字。
實心按鈕背景此顏色會套用到主要按鈕的背景。
實心按鈕文字此顏色會套用到主要按鈕的文字。
外框按鈕此顏色會套用到次要按鈕的文字與邊框。
陰影此顏色會套用到陰影。

管理顏色配置

商店的顏色配置與顏色選項皆在佈景主題設定中調整。對於實心顏色，請使用顏色選擇器選取新顏色，或在文字欄位輸入顏色值。此欄位可接受下列顏色名稱與數值：

  • 顏色名稱，例如 red、black 或 blue。
  • RGB 顏色代碼。
  • 十六進位顏色值。

步驟：

  1. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

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

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

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

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

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

  7. 按一下 儲存。

套用顏色配置

在佈景主題設定中定義顏色配置後，您可透過顏色配置選擇器，將顏色配置指派到佈景主題的各區段與區塊。顏色配置選擇器僅在部分區段、區塊與一般佈景主題設定中提供。

Color scheme picker

漸層

在部分佈景主題中，您可以設定顏色漸層，讓背景更具視覺效果。color_background 設定用來自訂 CSS 背景屬性。

漸層選擇器可讓您選擇漸層的顏色、樣式、角度、位置與不透明度。在漸層選擇器中所選的選項，會在佈景主題編輯器即時預覽。您也可以使用 CSS 程式碼建立漸層背景，系統會提供驗證工具。

設定漸層

  1. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

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

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

  4. 在 配置 區段中，按一下您要編輯的現有配置。

  5. 按一下漸層色樣選項，例如 背景漸層。

  6. 如果您先前尚未設定漸層，系統會顯示部分預設選項供您選擇。選取任一預設漸層即可開啟選項面板。

  7. 選取漸層選項：

  • 可在線性或放射狀漸層之間選擇。使用按鈕選取您偏好的漸層樣式。
  • 使用向上與向下箭頭設定漸層角度。每按一下向上或向下箭頭，角度百分比會增減 5。
  • 使用滑桿選取漸層的位置，或在欄位中輸入數值。
  • 輸入特定的顏色十六進位色碼，或使用顏色滑桿選擇色相。最近選取的顏色會顯示在漸層選項面板底部。
  • 若要讓漸層變得不透明，請使用右側滑桿選取漸層的透明度。您也可以在十六進位色碼旁的欄位輸入百分比。
  1. 按一下 儲存。

佈景主題編輯器中的漸層選擇器

使用 CSS 設定漸層

大多數 CSS background 屬性的值都可用來設定背景顏色。此欄位可用於純色（例如，#000000、black、rgb(0,0,0,0)、rgba(0,0,0,0)、hsl(0, 0%, 0%) 與 hsla(0, 0%, 0%, 1) 都會產生純黑背景），或用於漸層（例如，linear-gradient(red, green)、radial-gradient(red, green) 或 conic-gradient(red, green)）。漸層也可以重複。

步驟：

  1. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

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

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

  4. 在 配置 區段中，按一下您要編輯的現有配置。

  5. 按一下您要編輯的漸層。

  6. 按一下漸層旁的箭頭，然後選取CSS。

  7. 在CSS 程式碼欄位中輸入或貼上您的漸層程式碼。佈景主題編輯器的預覽會在適當位置顯示您的漸層。

  8. 按一下 儲存。

佈景主題編輯器中的漸層 CSS 程式碼欄位

移除漸層

  1. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

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

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

  4. 在 配置 區段中，按一下您要編輯的現有配置。

  5. 按一下您要移除的漸層。

  6. 按一下移除漸層。

  7. 按一下 儲存。

文字排版

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

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

自訂字型

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

步驟：

電腦版

  1. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

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

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

  4. 按一下文字排版。

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

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

  7. 按一下 儲存。

行動裝置

  1. 在 Shopify 應用程式 中，點選 Menu 圖示。

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

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

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

  5. 點選 … 或 ⋮，然後點選 佈景主題設定。

  6. 點選文字排版。

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

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

  9. 點選 儲存 或 ✓。

自訂字型大小

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

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

步驟：

電腦版

  1. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

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

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

  4. 按一下文字排版。

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

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

  7. 按一下 儲存。

行動裝置

  1. 在 Shopify 應用程式 中，點選 Menu 圖示。

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

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

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

  5. 點選 … 或 ⋮，然後點選 佈景主題設定。

  6. 點選文字排版。

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

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

  9. 點選 儲存 或 ✓。

版面配置

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

步驟：

電腦版

  1. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

  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. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

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

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

  4. 按一下動畫。

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

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

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

  7. 按一下 儲存。

行動裝置

  1. 在 Shopify 應用程式 中，點選 Menu 圖示。

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

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

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

  5. 點選 … 或 ⋮，然後點選 佈景主題設定。

  6. 點選 動畫。

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

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

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

  9. 點選 儲存 或 ✓。

視覺元素自訂設定

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

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

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

步驟：

電腦版

  1. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

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

  3. 按一下 settings 圖示。

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

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

  6. 按一下 儲存。

行動裝置

  1. 在 Shopify 應用程式 中，點選 Menu 圖示。

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

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

  4. 點選 settings 圖示。

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

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

  7. 點選 儲存 或 ✓。

社群媒體

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

步驟：

電腦版

  1. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

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

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

  4. 按一下 社群媒體。

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

  6. 按一下 儲存。

行動裝置

  1. 在 Shopify 應用程式 中，點選 Menu 圖示。

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

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

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

  5. 點選 … 或 ⋮，然後點選 佈景主題設定。

  6. 點選 社群媒體。

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

  8. 點選 儲存 或 ✓。

搜尋行為

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

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

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

步驟：

電腦版

  1. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

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

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

  4. 按一下 搜尋行為。

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

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

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

  8. 按一下 儲存。

行動裝置

  1. 在 Shopify 應用程式 中，點選 Menu 圖示。

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

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

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

  5. 點選 … 或 ⋮，然後點選 佈景主題設定。

  6. 點選 搜尋行為。

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

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

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

  10. 點選 儲存 或 ✓。

幣別格式

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

步驟：

電腦版

  1. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

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

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

  4. 按一下 幣別格式。

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

  6. 按一下 儲存。

行動裝置

  1. 在 Shopify 應用程式 中，點選 Menu 圖示。

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

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

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

  5. 點選 … 或 ⋮，然後點選 佈景主題設定。

  6. 點選 幣別格式。

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

  8. 點選 儲存 或 ✓。

購物車

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

步驟：

電腦版

  1. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

  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. 在您的 Shopify 管理介面中，前往 網路商店 > 佈景主題。

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

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

  4. 按一下 佈景主題樣式。

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

  6. 按一下 儲存。

行動裝置

  1. 在 Shopify 應用程式 中，點選 Menu 圖示。

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

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

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

  5. 點選 … 或 ⋮，然後點選 佈景主題設定。

  6. 點選 佈景主題樣式。

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

  8. 點選 儲存 或 ✓。