佈景主題設定
您可以使用佈景主題設定,來變更線上商店的字體、顏色、社交媒體連結和結帳設定。 您對佈景主題設定進行變更時,此變更會套用至整個網路商店。
此頁面上
商標
您可以將商店標誌新增至網路商店。標誌會顯示在以下位置:
- 所有頁面的頁首
- 密碼頁面
標誌圖片的寬度上限為 300 像素。
自訂標誌
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 點擊「標誌」。
-
在「圖片」區域中,按一下「選擇圖片」,然後執行下列任一操作:
- 若要使用已上傳至 Shopify 管理介面的圖片,請依序點擊圖片和「選取」來選擇該圖片。
- 若要使用電腦本機的圖片,請點擊「上傳」。從電腦中選取圖片,然後點擊「開啟」以開始上傳。上傳完成後,系統會自動選取該圖片。點擊「選取」。
- 若要選取免費圖片,請點擊「免費圖片」,然後搜尋或點擊圖片即可選取。
-
為標誌圖片加上替代文字:
- 點擊「編輯」替代文字。
- 在「編輯圖片」視窗中,輸入圖片的簡短說明。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「標誌」。
-
在「圖片」區域中,按一下「選擇圖片」,然後執行下列任一操作:
- 若要使用已上傳至 Shopify 管理介面的圖片,請依序點擊圖片和「選取」來選擇該圖片。
- 若要使用電腦本機的圖片,請點擊「上傳」。從電腦中選取圖片,然後點擊「開啟」以開始上傳。上傳完成後,系統會自動選取該圖片。點擊「選取」。
- 若要選取免費圖片,請點擊「免費圖片」,然後搜尋或點擊圖片即可選取。
-
為標誌圖片加上替代文字:
- 點擊「編輯」替代文字。
- 在「編輯圖片」視窗中,輸入圖片的簡短說明。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「標誌」。
-
在「圖片」區域中,按一下「選擇圖片」,然後執行下列任一操作:
- 若要使用已上傳至 Shopify 管理介面的圖片,請依序點擊圖片和「選取」來選擇該圖片。
- 若要使用電腦本機的圖片,請點擊「上傳」。從電腦中選取圖片,然後點擊「開啟」以開始上傳。上傳完成後,系統會自動選取該圖片。點擊「選取」。
- 若要選取免費圖片,請點擊「免費圖片」,然後搜尋或點擊圖片即可選取。
-
為標誌圖片加上替代文字:
- 點擊「編輯」替代文字。
- 在「編輯圖片」視窗中,輸入圖片的簡短說明。
- 點擊「儲存」。
自訂標誌寬度
- 點擊「佈景主題設定」。
- 點擊「標誌」。
- 在「電腦版標誌寬度」區域中,將滑桿切換至您想要的像素寬度。
Favicon
您可以加入喜歡的圖示或 favicon,如此有助於強化網路商店的品牌形象。favicon 會顯示在以下各位置:
- 您的網路瀏覽器分頁
- 您的網路瀏覽器的歷程記錄
- 電腦版上的圖示
- 如果網路商店已加入書籤,會顯示在商店名稱旁邊
自訂您的 favicon
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 點擊「標誌」。
-
在「Favicon 圖片」區域中,點擊「選擇圖片」,然後執行下列任一操作:
- 若要使用已上傳至 Shopify 管理介面的圖片,請依序點擊圖片和「選取」來選擇該圖片。
- 若要使用電腦本機的圖片,請點擊「上傳」。從電腦中選取圖片,然後點擊「開啟」以開始上傳。上傳完成後,系統會自動選取該圖片。點擊「選取」。
- 若要選取免費圖片,請點擊「免費圖片」,然後搜尋或點擊圖片即可選取。
-
為您的 favicon 圖片新增替代文字:
- 點擊「編輯」替代文字。
- 在「編輯圖片」視窗中,輸入圖片的簡短說明。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「標誌」。
-
在「Favicon 圖片」區域中,點擊「選擇圖片」,然後執行下列任一操作:
- 若要使用已上傳至 Shopify 管理介面的圖片,請依序點擊圖片和「選取」來選擇該圖片。
- 若要使用電腦本機的圖片,請點擊「上傳」。從電腦中選取圖片,然後點擊「開啟」以開始上傳。上傳完成後,系統會自動選取該圖片。點擊「選取」。
- 若要選取免費圖片,請點擊「免費圖片」,然後搜尋或點擊圖片即可選取。
-
為您的 favicon 圖片新增替代文字:
- 點擊「編輯」替代文字。
- 在「編輯圖片」視窗中,輸入圖片的簡短說明。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「標誌」。
-
在「Favicon 圖片」區域中,點擊「選擇圖片」,然後執行下列任一操作:
- 若要使用已上傳至 Shopify 管理介面的圖片,請依序點擊圖片和「選取」來選擇該圖片。
- 若要使用電腦本機的圖片,請點擊「上傳」。從電腦中選取圖片,然後點擊「開啟」以開始上傳。上傳完成後,系統會自動選取該圖片。點擊「選取」。
- 若要選取免費圖片,請點擊「免費圖片」,然後搜尋或點擊圖片即可選取。
-
為您的 favicon 圖片新增替代文字:
- 點擊「編輯」替代文字。
- 在「編輯圖片」視窗中,輸入圖片的簡短說明。
- 點擊「儲存」。
色彩
您可以建立多達 21 種不重複的顏色配置,並套用至網路商店的不同區段。深入瞭解顏色選項、顏色配置及顏色漸層。
調整顏色設定
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 在您要自訂的佈景主題旁邊點擊「自訂」。
- 按兩下主題設置「然後按兩下」 顏色。
- 在「配置」區段中,點擊現有配置或「新增配置」以新增顏色配置。
- 點擊要變更之內容類型的顏色色樣。
- 若要設定顏色,請輸入十六進位顏色代碼或從顏色選擇器中挑選。若要將顏色設為透明,請在文字欄位中刪除十六進位代碼。
- 點擊「儲存」。
字體
您可以指定線上商店裡文字的字型樣式和大小。您可以選擇系統字型或自訂字型。
建議您在商店中使用系統字型。系統字型是使用者電腦上已經安裝的字型。使用系統字型可以避免系統將新字型下載到顧客的電腦,此下載作業會對商店載入速度帶來負面影響。顧客電腦上顯示的字型依所用的作業系統而定。
自訂您的字體設定
請參閱 Shopify 的字型庫,查看可用字型清單。
- 在 Shopify 管理介面中,前往「網路商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 按一下「佈景主題設定」。
- 按一下「字體」。
- 根據每一種文字類型點擊「變更」,即可使用字形選擇器:
- 使用搜尋欄位即可探索各種字型。
- 按一下要使用的字體名稱。
- 按一下「選擇」。
- 按一下「儲存」。
- 在 Shopify 應用程式中,點選「☰」按鈕。
- 在「銷售管道」區段中,點選「網路商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 依序點選「⋮」>「佈景主題設定」。
- 按一下「字體」。
- 根據每一種文字類型點擊「變更」,即可使用字形選擇器:
- 使用搜尋欄位即可探索可用字型。
- 點按要使用的字型名稱,然後按一下「完成」。
- 按一下「✓」。
- 在 Shopify 應用程式中,點選「☰」按鈕。
- 在「銷售管道」區段中,點選「網路商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 依序點選「⋮」>「佈景主題設定」。
- 按一下「字體」。
- 根據每一種文字類型點擊「變更」,即可使用字形選擇器:
- 使用搜尋欄位即可探索可用字型。
- 點按要使用的字型名稱,然後按一下「完成」。
- 按一下「✓」。
自訂字型大小
您可以在「字體」佈景主題設定中,設定標題和內文文字的預設字型大小。
步驟:
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」>「字體」。
- 若要變更標題的預設字型大小,請使用「字型大小縮放」來選取預設的字型大小。字型最小為 100%,最大為 150%。每增加一格刻度即增加字型大小 5%。預設值為 100%。
- 若要變更內文的預設字型大小,請使用字型大小縮放來選取預設的字型大小。字型最小為 100%,最大為 130%。每增加一格刻度即增加字型大小 5%。預設值為 100%。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」>「字體」。
- 若要變更標題的預設字型大小,請使用「字型大小縮放」來選取預設的字型大小。字型最小為 100%,最大為 150%。每增加一格刻度即增加字型大小 5%。預設值為 100%。
- 若要變更內文的預設字型大小,請使用字型大小縮放來選取預設的字型大小。字型最小為 100%,最大為 130%。每增加一格刻度即增加字型大小 5%。預設值為 100%。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」>「字體」。
- 若要變更標題的預設字型大小,請使用「字型大小縮放」來選取預設的字型大小。字型最小為 100%,最大為 150%。每增加一格刻度即增加字型大小 5%。預設值為 100%。
- 若要變更內文的預設字型大小,請使用字型大小縮放來選取預設的字型大小。字型最小為 100%,最大為 130%。每增加一格刻度即增加字型大小 5%。預設值為 100%。
- 點擊「儲存」。
版面配置
版面配置可讓您自行設定用來顯示網路商店的最大寬度,以及設定不同區段之間的垂直和水平間距。
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」>「版面配置」。
- 使用範圍滑桿,選擇 1000 像素至 1600 像素之間的頁面寬度。預設值為 1600 像素。
- 選用:使用範圍滑桿在區段之間加入垂直空間。區段間最多可加入 100 像素。
- 選用:如果您有「網格」版面配置,請使用「水平空間」和「垂直空間」範圍滑桿,在網格內容之間加入空間。加入水平空間最多能在橫列之間加入 40 像素的空間,而加入垂直空間最多能在直欄之間加入 40 像素的空間。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」>「版面配置」。
- 使用範圍滑桿,選擇 1000 像素至 1600 像素之間的頁面寬度。預設值為 1600 像素。
- 選用:使用範圍滑桿在區段之間加入垂直空間。區段間最多可加入 100 像素。
- 選用:如果您有「網格」版面配置,請使用「水平空間」和「垂直空間」範圍滑桿,在網格內容之間加入空間。加入水平空間最多能在橫列之間加入 40 像素的空間,而加入垂直空間最多能在直欄之間加入 40 像素的空間。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」>「版面配置」。
- 使用範圍滑桿,選擇 1000 像素至 1600 像素之間的頁面寬度。預設值為 1600 像素。
- 選用:使用範圍滑桿在區段之間加入垂直空間。區段間最多可加入 100 像素。
- 選用:如果您有「網格」版面配置,請使用「水平空間」和「垂直空間」範圍滑桿,在網格內容之間加入空間。加入水平空間最多能在橫列之間加入 40 像素的空間,而加入垂直空間最多能在直欄之間加入 40 像素的空間。
- 點擊「儲存」。
動畫
使用動畫即可為網路商店新增動態和視覺效果。您可以啟用淡入效果的動畫,在顧客捲動畫面時顯示商店區段,並為資訊卡和按鈕啟用懸停效果。
步驟:
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 在您要自訂的佈景主題旁邊點擊「自訂」。
- 依序點擊「佈景主題設定」和「動畫」。
- 選用:若要啟用在捲動畫面時顯示網路商店區段的動畫,請選取「捲動時顯示區段」。
-
選用:若要為資訊卡和按鈕新增懸停效果動畫,請從「懸停效果」設定中選擇下列其中一個選項:
- 垂直浮起:當顧客將滑鼠游標停留在資訊卡或按鈕上時,該元素會向上移動。
- 3D 浮起:當顧客將滑鼠游標停留在資訊卡或按鈕上時,該元素會向前移動並產生 3D 效果。此外,將有一道細微光澤在整個元素上移動,為其增加空間感層次。
點擊「儲存」。
邊框和陰影
您可以調整某些互動式內容類型的邊框和陰影,例如導覽匣、按鈕、子類選項或數量輸入欄。
邊框的可自訂選項為:
- 厚度:變更品項的外邊框。
- 不透明度:設定品項外邊框的透明度。
- 角落半徑:圍繞品項的半徑。
陰影的可自訂選項為:
- 不透明度:變更品項陰影的透明度。若陰影不透明度為 0%,品項就會完全沒有陰影。
- 水平或垂直位移範圍滑桿會移動品項周圍陰影的位置。
- 使用模糊範圍滑桿來變更品項陰影的不透明度。
按鈕
您可以自訂網路商店中動作號召按鈕的設定,像是加入陰影、變更間距或透明度,以及調整按鈕形狀。
自訂按鈕
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 點擊「按鈕」。
- 使用縮放比例來變更按鈕邊框的外觀。
- 使用縮放比例來變更按鈕的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「按鈕」。
- 使用縮放比例來變更按鈕邊框的外觀。
- 使用縮放比例來變更按鈕的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「按鈕」。
- 使用縮放比例來變更按鈕邊框的外觀。
- 使用縮放比例來變更按鈕的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
帶色樣的子類選項
色樣是商品子類選項的視覺效果呈現。若要顯示色樣,您需要最新版本的 Dawn,且類別中繼欄位要連結至您的子類。透過 Dawn,子類選項可以下拉式選單或色樣顯示。若您要將子類選項顯示為色樣,您可以選擇將這些色樣顯示為圓圈、正方形或無,若設為無,則色樣會以文字顯示選項值。
使用類別中繼欄位設定色樣
- 在 Shopify 管理介面 ,前往「產品」。
- 點擊產品。
- 在「商品規劃」區段中的「商品類別」欄位輸入商品類別,然後從「商品類別」清單中選取最準確的結果。商品類別必須包含「顏色」類別中繼欄位。
- 在「子類」區段中,按一下「新增尺寸或顏色等選項」。
- 按一下「顏色」。
- 點按「新增顏色」欄位,然後從下拉式選單中選取任何預設顏色項目。
-
若要新增自訂顏色項目,請依下列步驟操作:
- 點按「新增顏色」,然後點按「新增項目」。
- 在「新增項目」頁面上,填寫「標籤」和「顏色」欄位。
- 若要使用圖案而非顏色,請填寫「圖片」欄位。若同時新增顏色和圖片,該圖片將用於色樣。
- 選取「底色」和「基本圖案」。
- 點擊「儲存」。
點按「儲存」即可儲存商品。
在 Dawn 中自訂色樣
- 在 Shopify 管理介面 ,前往「線上商店」 > 「佈景主題」。
- 請確保您已安裝最新版本的 Dawn,然後點按「自訂」。
- 導覽至您新增顏色選項的商品。
- 選用:若要自訂色樣,請點選「子類選擇器」區塊。您可以選擇圓形、正方形或無,以變更色樣的顯示。
- 點按「儲存」以儲存佈景主題。
子類藥丸
子類藥丸讓您在產品頁面或精選產品區段顯示產品的子類。顧客無須變更產品頁面,即可選取所需的子類,並將產品加入購物車。
自訂子類藥丸
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 點擊「子類藥丸」。
- 使用縮放比例來變更子類藥丸的邊框外觀。
- 使用縮放比例來變更子類藥丸的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「子類藥丸」。
- 使用縮放比例來變更子類藥丸的邊框外觀。
- 使用縮放比例來變更子類藥丸的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「子類藥丸」。
- 使用縮放比例來變更子類藥丸的邊框外觀。
- 使用縮放比例來變更子類藥丸的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
輸入
輸入欄內容為需要顧客輸入的互動區域,例如數量選擇器、電子郵件訂閱表單或購物車備註。您可以在佈景主題設定中,調整網路商店輸入欄的外觀。
自訂輸入欄
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 點擊「輸入」。
- 使用縮放比例來變更輸入欄邊框的外觀。
- 使用縮放比例來變更輸入欄的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「輸入」。
- 使用縮放比例來變更輸入欄邊框的外觀。
- 使用縮放比例來變更輸入欄的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「輸入」。
- 使用縮放比例來變更輸入欄邊框的外觀。
- 使用縮放比例來變更輸入欄的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
卡片
透過商品卡、商品系列卡和網誌卡的設定,您可以自訂區段中顯示之每種類型的獨立區域樣式。您可以更改這三種類型區域卡的顏色、對齊方式、圖片邊框間距、邊框和陰影。
自訂卡片
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 按一下商品卡、商品系列卡或網誌卡。
- 使用下拉式選單選擇卡片樣式。
- 使用縮放比例來新增圖片邊框間距。如此可在卡片圖片周圍加入間距。
- 使用下拉式選單來設定卡片的文字對齊方式。您可選擇靠左、置中 (預設) 或靠右。
- 使用下拉式選單選取卡片的顏色配置。
- 使用縮放比例來變更卡片邊框的外觀。
- 使用縮放比例來變更卡片的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 按一下商品卡、商品系列卡或網誌卡。
- 使用下拉式選單選擇卡片樣式。
- 使用縮放比例來新增圖片邊框間距。如此可在卡片圖片周圍加入間距。
- 使用下拉式選單來設定卡片的文字對齊方式。您可選擇靠左、置中 (預設) 或靠右。
- 使用下拉式選單選取卡片的顏色配置。
- 使用縮放比例來變更卡片邊框的外觀。
- 使用縮放比例來變更卡片的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 按一下商品卡、商品系列卡或網誌卡。
- 使用下拉式選單選擇卡片樣式。
- 使用縮放比例來新增圖片邊框間距。如此可在卡片圖片周圍加入間距。
- 使用下拉式選單來設定卡片的文字對齊方式。您可選擇靠左、置中 (預設) 或靠右。
- 使用下拉式選單選取卡片的顏色配置。
- 使用縮放比例來變更卡片邊框的外觀。
- 使用縮放比例來變更卡片的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
內容容器
容器是內容區段的文字部分,例如素材輪播的文字方塊、圖片橫幅,或多欄位區段的欄位。您可以自訂網路商店的內容容器外觀。
自訂內容容器
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 點擊「內容容器」。
- 使用縮放比例來變更內容容器的邊框外觀。
- 使用縮放比例來變更內容容器的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「內容容器」。
- 使用縮放比例來變更內容容器的邊框外觀。
- 使用縮放比例來變更內容容器的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「內容容器」。
- 使用縮放比例來變更內容容器的邊框外觀。
- 使用縮放比例來變更內容容器的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
媒體
多媒體檔案是區段的視覺元件,例如產品多媒體檔案,或附文字圖像區段中的圖片。您可以為多媒體檔案新增邊框和陰影。
自訂多媒體檔案
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 點擊「多媒體檔案」。
- 使用縮放比例來變更多媒體檔案邊框的外觀。
- 使用縮放比例來變更多媒體檔案的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「多媒體檔案」。
- 使用縮放比例來變更多媒體檔案邊框的外觀。
- 使用縮放比例來變更多媒體檔案的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「多媒體檔案」。
- 使用縮放比例來變更多媒體檔案邊框的外觀。
- 使用縮放比例來變更多媒體檔案的陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
下拉式選單和彈出式視窗
調整導覽下拉式選單、彈出式互動視窗,以及購物車彈出式視窗的外觀。
自訂下拉式選單和彈出式視窗
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 點擊「下拉式選單和快顯視窗」。
- 使用縮放比例來變更邊框的外觀。
- 使用縮放比例來變更陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「下拉式選單和快顯視窗」。
- 使用縮放比例來變更邊框的外觀。
- 使用縮放比例來變更陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「下拉式選單和快顯視窗」。
- 使用縮放比例來變更邊框的外觀。
- 使用縮放比例來變更陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
收銀機
導覽匣是隱藏的互動式容器,會在點選或點按時顯示,例如可收合的導覽選單或篩選選項。
自訂導覽匣
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 點擊「導覽匣」。
- 使用縮放比例來變更邊框的外觀。
- 使用縮放比例來變更陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「導覽匣」。
- 使用縮放比例來變更邊框的外觀。
- 使用縮放比例來變更陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「導覽匣」。
- 使用縮放比例來變更邊框的外觀。
- 使用縮放比例來變更陰影。若陰影不透明度為 0%,則完全沒有陰影。
- 點擊「儲存」。
徽章
商品降價或庫存數量為 0 時,系統會自動為您的商品圖片加入折扣與售完徽章。您可以調整徽章的位置、形狀和顏色。
頁面與網誌徽章會顯示在相關的搜尋結果中。您可以自訂這些徽章的位置和形狀,但不能自訂顏色。
自訂徽章
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 點擊「徽章」。
- 使用下拉式選單選取徽章在商品卡中的位置。您可選擇左上、右上、左下 (預設) 或右下。
- 使用圓角半徑縮放比例來新增圓角。將圓角半徑設定為 0 像素時,徽章會呈方形;圓角半徑數值越高,徽章就越接近圓形。
- 為您的徽章選擇顏色配置。您可以為售完的商品設定其他顏色配置。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「徽章」。
- 使用下拉式選單選取徽章在商品卡中的位置。您可選擇左上、右上、左下 (預設) 或右下。
- 使用圓角半徑縮放比例來新增圓角。將圓角半徑設定為 0 像素時,徽章會呈方形;圓角半徑數值越高,徽章就越接近圓形。
- 為您的徽章選擇顏色配置。您可以為售完的商品設定其他顏色配置。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「徽章」。
- 使用下拉式選單選取徽章在商品卡中的位置。您可選擇左上、右上、左下 (預設) 或右下。
- 使用圓角半徑縮放比例來新增圓角。將圓角半徑設定為 0 像素時,徽章會呈方形;圓角半徑數值越高,徽章就越接近圓形。
- 為您的徽章選擇顏色配置。您可以為售完的商品設定其他顏色配置。
- 點擊「儲存」。
圖示
圖示是可新增至特定區段或區塊的小圖片。在佈景主題設定中設定圖示的配色。
自訂圖示
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 按一下圖示
- 使用下拉式選單選取圖示的預設顏色。為選取色調 1、色調 2、外框按鈕或商店圖示的文字顏色。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 按一下圖示
- 使用下拉式選單選取圖示的預設顏色。為選取色調 1、色調 2、外框按鈕或商店圖示的文字顏色。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 按一下圖示
- 使用下拉式選單選取圖示的預設顏色。為選取色調 1、色調 2、外框按鈕或商店圖示的文字顏色。
- 點擊「儲存」。
品牌資訊
您可以加上品牌的相關資訊,在頁尾新增品牌資訊區塊。
自訂品牌資訊
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 點擊「品牌資訊」。
- 輸入標題。
- 輸入說明。
-
點擊選取圖片,然後執行下列其中一項操作:
- 若要使用已上傳至 Shopify 管理介面的圖片,請依序點擊圖片和「選取」來選擇該圖片。
- 若要使用電腦本機的圖片,請點擊「上傳」。從電腦中選取圖片,然後點擊「開啟」以開始上傳。上傳完成後,系統會自動選取該圖片。點擊「選取」。
- 若要選取免費圖片,請點擊「免費圖片」,然後搜尋或點擊圖片即可選取。
在「圖片寬度」區域中,將滑桿切換至您想要的像素寬度。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「品牌資訊」。
- 輸入標題。
- 輸入說明。
-
點擊選取圖片,然後執行下列其中一項操作:
- 若要使用已上傳至 Shopify 管理介面的圖片,請依序點擊圖片和「選取」來選擇該圖片。
- 若要使用電腦本機的圖片,請點擊「上傳」。從電腦中選取圖片,然後點擊「開啟」以開始上傳。上傳完成後,系統會自動選取該圖片。點擊「選取」。
- 若要選取免費圖片,請點擊「免費圖片」,然後搜尋或點擊圖片即可選取。
在「圖片寬度」區域中,將滑桿切換至您想要的像素寬度。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「品牌資訊」。
- 輸入標題。
- 輸入說明。
-
點擊選取圖片,然後執行下列其中一項操作:
- 若要使用已上傳至 Shopify 管理介面的圖片,請依序點擊圖片和「選取」來選擇該圖片。
- 若要使用電腦本機的圖片,請點擊「上傳」。從電腦中選取圖片,然後點擊「開啟」以開始上傳。上傳完成後,系統會自動選取該圖片。點擊「選取」。
- 若要選取免費圖片,請點擊「免費圖片」,然後搜尋或點擊圖片即可選取。
在「圖片寬度」區域中,將滑桿切換至您想要的像素寬度。
社群媒體
您可以為商品和網誌文章新增社群分享按鈕,並附上您社群媒體帳號的連結。社群媒體帳號的連結會顯示在您網路商店的頁尾。
自訂您的社交媒體設定
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 點擊「社群媒體」。
- 若要新增您社群媒體帳號的連結,請在帳號下提供的欄位中輸入帳號連結。請輸入完整連結,例如 https://instagram.com/shopify,或 https://twitter.com/shopify。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「社群媒體」。
- 若要新增您社群媒體帳號的連結,請在帳號下提供的欄位中輸入帳號連結。請輸入完整連結,例如 https://instagram.com/shopify,或 https://twitter.com/shopify。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「社群媒體」。
- 若要新增您社群媒體帳號的連結,請在帳號下提供的欄位中輸入帳號連結。請輸入完整連結,例如 https://instagram.com/shopify,或 https://twitter.com/shopify。
- 點擊「儲存」。
搜尋行為
網路商店包括搜尋預測,此功能會在顧客開始在搜尋欄位輸入時顯示搜尋建議。搜尋建議可協助顧客清楚指明並調整搜尋的查詢範圍,並讓顧客以新的方式探索網路商店。這些功能還能讓顧客快速瀏覽相符內容,無須為了檢視搜尋結果清單而離開目前頁面。
您可以自訂下列搜尋設定:
- 啟用搜尋建議:啟用或停用搜尋建議。
- 顯示商品廠商:在搜尋建議中顯示或隱藏商品廠商。
- 顯示商品價格:在搜尋建議中顯示或隱藏商品價格。
變更搜尋輸入設定
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 點擊「搜尋輸入」
- 使用此設定來自訂商店的搜尋行為。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「搜尋輸入」
- 使用此設定來自訂商店的搜尋行為。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「搜尋輸入」
- 使用此設定來自訂商店的搜尋行為。
- 點擊「儲存」。
若要深入瞭解搜尋建議的運作方式,請參閱搜尋預測。
幣別格式
您可以選擇讓商品、購物車和結帳價格一律顯示幣別代碼。
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」。
- 點擊「幣別格式」。
- 若要顯示幣別代碼,請點擊「顯示幣別代碼」核取方塊。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「幣別格式」。
- 若要顯示幣別代碼,請點擊「顯示幣別代碼」核取方塊。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 點擊「幣別格式」。
- 若要顯示幣別代碼,請點擊「顯示幣別代碼」核取方塊。
- 點擊「儲存」。
購物車
您可以變更網路商店的購物車樣式。顧客將您商店的商品加到購物車時,購物車可能會以導覽匣、頁面或彈出式通知的形式顯示。若要讓顧客停留在商品頁面,請使用導覽匣或彈出式通知選項。若要將顧客帶往購物車頁面,請使用頁面選項。顧客的購物車沒有商品時,您可以在購物車導覽匣中顯示精選商品系列。
步驟:
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」>「購物車」。
- 使用下拉式選單選取購物車樣式:導覽匣、頁面或快顯通知。
- 選用:若要針對顧客購物車中的品項顯示供應商,請點擊「顯示廠商」。
- 選用:若要新增能讓顧客提出特殊要求或新增其他訂單資訊的區域,請選取「啟用購物車備註」選項。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」>「購物車」。
- 使用下拉式選單選取購物車樣式:導覽匣、頁面或快顯通知。
- 選用:若要針對顧客購物車中的品項顯示供應商,請點擊「顯示廠商」。
- 選用:若要新增能讓顧客提出特殊要求或新增其他訂單資訊的區域,請選取「啟用購物車備註」選項。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」>「購物車」。
- 使用下拉式選單選取購物車樣式:導覽匣、頁面或快顯通知。
- 選用:若要針對顧客購物車中的品項顯示供應商,請點擊「顯示廠商」。
- 選用:若要新增能讓顧客提出特殊要求或新增其他訂單資訊的區域,請選取「啟用購物車備註」選項。
如果您將購物車類型設為「導覽匣」,便可以在購物車導覽匣中顯示商品系列。只有購物車空無一物時,選取的商品系列才會顯示。
若要將商品系列新增到空白的購物車導覽匣中,請點擊「選取商品系列」。選取商品系列後,請點擊「變更」以選取其他商品系列,或將商品系列從購物車導覽匣移除。您也可以點擊「建立商品系列」以建立新的商品系列。點擊此按鈕後,您將離開佈景主題設定並前往 Shopify 管理介面的商品系列頁面。
結帳
此區段可讓您自訂商店的結帳頁面。如需深入瞭解商店結帳頁面,請參閱 Shopify 結帳頁面。
變更佈景主題樣式
佈景主題樣式是由佈景主題設計師選擇的一整套設定。您可以將佈景主題樣式套用於商店,為商店打造設計精美的外觀和風格。所有的佈景主題都有依預設套用的佈景主題樣式。自訂佈景主題時,可以取代佈景主題樣式設定並使用自己的。如果將佈景主題樣式套用於佈景主題,您目前的設定 (如顏色和字體) 將會隨之變更。
步驟:
- 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 點擊「佈景主題設定」>「樣式」。
- 使用下拉式選單選取佈景主題樣式選項可用的選項依您所使用的佈景主題而定。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」>「樣式」。
- 使用下拉式選單選取佈景主題樣式選項可用的選項依您所使用的佈景主題而定。
- 點擊「儲存」。
- 在 Shopify 應用程式中,點選「…」按鈕。
- 在銷售管道畫面上,點一下「線上商店」。
- 點選「管理所有佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」>「樣式」。
- 使用下拉式選單選取佈景主題樣式選項可用的選項依您所使用的佈景主題而定。
- 點擊「儲存」。
復原和取消復原變更
「復原」按鈕可以還原最近一次變更,「取消復原」按鈕則會將您復原的變更加回來。點擊「復原」按鈕多次會讓您繼續復原操作內容,一一復原每個變更。「復原」和「取消復原」按鈕位於「佈景主題編輯器工具列」中。
按一下「復原」按鈕,即可還原下列變更:
- 新增、重新排序和刪除區段
- 在「佈景主題設定」索引標籤上套用顏色、字體和其他設定
- 重設佈景主題樣式。