自訂您的 Shop 商店首頁
Shop 商店首頁是顧客在 Shop 應用程式或 Shop 網站上造訪您商店時首先會看到的畫面。您可以自訂 Shop 商店的頁首、商品系列和導覽,打造符合品牌形象的購物體驗,協助顧客瀏覽並發掘您的商品。
編輯 Shop 商店公告橫幅
若您的商店有有效可用的自動折扣,Shop 商店首頁會自動顯示公告橫幅。若要編輯公告橫幅,您必須停用自動折扣,然後建立新的自動折扣。
編輯您的 Shop 商店頁首
您可以使用 Shop 管道更新 Shop 商店首頁的頁首,包含您的標誌和背景。
標誌圖片要求
若要為頁首內容呈現最佳解析度,您新增至頁首的標誌圖片必須符合以下要求:
- 標誌圖片檔案的格式必須是 SVG、PNG 或 WEBP,且必須使用透明背景。
- 圖片的最小寬度為 512 像素。
- 圖片必須為正方形。
背景多媒體檔案要求
將圖片、GIF 或影片等背景多媒體檔案新增至頁首時,請確定您的檔案符合以下要求:
- 圖片檔案大小必須小於 15 MB,且格式須為 WEBP、PNG、JPEG 或 GIF。
- 影片檔案大小必須小於 32 MB,長度不得超過 10 秒,且格式須為 MP4 或 MOV。
- 所有背景多媒體檔案類型的必要尺寸皆為 1080 x 1170 像素。
編輯您的 Shop 商店頁首
在您的 Shopify 管理介面中,前往「銷售管道」> Shop。
在 商店 區段中,點擊 自訂。
從頁面頂端的下拉式選單中,選取 Shop 商店首頁。
點擊「頁首」,然後進行以下任一變更:
- 若要變更顯示在 Shop 商店上的標誌,請在 標誌 區段中點擊 選取圖片,或是拖放圖片以上傳檔案。
- 若要將圖片、GIF 或影片設為 Shop 商店背景,請在「背景」區段中按一下「多媒體素材」,然後按一下「選取圖片或影片」,或透過拖放圖片或影片來上傳檔案。
- 若要變更背景、按鈕和強調色的主要顏色,請在 背景 區段中點擊 顏色,然後從顏色選擇器中選取顏色。
點擊 儲存。
編輯 Shop 商店商品系列
您可以編輯您的 Shop 商店商品系列,藉此管理要在 Shop 顯示的商品系列。您最多可以新增 5 個商品系列清單,且每個商品系列清單最多可包含 10 個商品系列。將商品系列新增至商品系列清單後,該商品系列將無法再新增至其他商品系列清單。商品系列必須具備封面圖片才能在 Shop 中顯示。
步驟:
在您的 Shopify 管理介面中,前往「銷售管道」> Shop。
在 商店 區段中,點擊 自訂。
從頁面頂端的下拉式選單中,選取 Shop 商店首頁。
在 商品系列清單 區段中,點擊您想要編輯的商品系列清單,然後進行以下任一變更:
- 若要編輯商品系列清單的標題,請在 標題 欄位中輸入新標題。
- 若要編輯在商品系列清單中顯示的商品系列,請點擊「編輯商品系列清單」,然後選取您要包含的商品系列。
- 若要重新排列商品系列清單,請點擊並拖曳
⠿圖示,將商品系列移至清單中的特定位置。 - 若要為商品系列清單新增封面圖片,請點擊某個商品系列,然後點擊 選取圖片,或是拖放圖片以上傳檔案。
- 若要刪除商品系列清單或商品系列,請點擊垃圾桶圖示。
點擊 儲存。
編輯 Shop 商店導覽
您可以編輯 Shop 商店導覽,以更新顯示在 Shop 商店導覽選單中的商品系列。您的導覽中最多可新增 12 個商品系列。
步驟:
在您的 Shopify 管理介面中,前往「銷售管道」> Shop。
在 商店 區段中,點擊 自訂。
從頁面頂端的下拉式選單中,選取 Shop 商店首頁。
點擊 導覽 > 編輯導覽清單。
透過以下任一方式自訂您的導覽:
- 若要將可用的商品系列新增至您的導覽中,請從清單中選取該商品系列。
- 若要從導覽中移除某個商品系列,請在清單中取消選取該商品系列。
點擊 儲存。
自訂您的 Shop 商店篩選條件
使用 Shopify Search & Discovery 應用程式為您的網路商店新增自訂篩選條件後,系統會自動將這些相同的篩選條件同步至 Shop 上的 Shop 商店中。這可協助顧客在您的 Shop 商店商品系列頁面和搜尋結果中篩選向他們顯示的商品。
您的商店篩選條件會自動同步,且您無法為網路商店和 Shop 商店設定不同的篩選條件。瞭解如何在商店中新增與編輯篩選條件。
以其他語言顯示您的 Shop 商店
Shop 應用程式和網頁版 Shop 支援捷克文、丹麥文、荷蘭文、英文、法文、德文、義大利文、立陶宛文、挪威文、波蘭文、葡萄牙文、羅馬尼亞文、西班牙文以及瑞典文。當顧客使用上述任何一種語言操作 Shop 時,除商品詳情頁面以外,Shop 商店的大多數元素都會進行翻譯。
您的 商品詳情頁面 在 Shop 中僅會以您 Shopify 商店的主要語言顯示。若您希望商品詳情頁面在 Shop 中以其他支援的語言顯示,請考慮使用 Translate & Adapt app,或透過採用 Shop Translation API 及 translationsRegister mutation 的 第三方翻譯 app 來翻譯您的商店。