自訂您的 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 商店頁首

  1. 在您的 Shopify 管理介面中,前往「銷售管道」> Shop

  2. 商店 區段中,點擊 自訂

  3. 從頁面頂端的下拉式選單中,選取 Shop 商店首頁

  4. 點擊「頁首」,然後進行以下任一變更:

    • 若要變更顯示在 Shop 商店上的標誌,請在 標誌 區段中點擊 選取圖片,或是拖放圖片以上傳檔案。
    • 若要將圖片、GIF 或影片設為 Shop 商店背景,請在「背景」區段中按一下「多媒體素材」,然後按一下「選取圖片或影片」,或透過拖放圖片或影片來上傳檔案。
    • 若要變更背景、按鈕和強調色的主要顏色,請在 背景 區段中點擊 顏色,然後從顏色選擇器中選取顏色。
  5. 點擊 儲存

編輯 Shop 商店商品系列

您可以編輯您的 Shop 商店商品系列,藉此管理要在 Shop 顯示的商品系列。您最多可以新增 5 個商品系列清單,且每個商品系列清單最多可包含 10 個商品系列。將商品系列新增至商品系列清單後,該商品系列將無法再新增至其他商品系列清單。商品系列必須具備封面圖片才能在 Shop 中顯示。

步驟:

  1. 在您的 Shopify 管理介面中,前往「銷售管道」> Shop

  2. 商店 區段中,點擊 自訂

  3. 從頁面頂端的下拉式選單中,選取 Shop 商店首頁

  4. 商品系列清單 區段中,點擊您想要編輯的商品系列清單,然後進行以下任一變更:

    • 若要編輯商品系列清單的標題,請在 標題 欄位中輸入新標題。
    • 若要編輯在商品系列清單中顯示的商品系列,請點擊「編輯商品系列清單」,然後選取您要包含的商品系列。
    • 若要重新排列商品系列清單,請點擊並拖曳 圖示,將商品系列移至清單中的特定位置。
    • 若要為商品系列清單新增封面圖片,請點擊某個商品系列,然後點擊 選取圖片,或是拖放圖片以上傳檔案。
    • 若要刪除商品系列清單或商品系列,請點擊垃圾桶圖示。
  5. 點擊 儲存

您可以編輯 Shop 商店導覽,以更新顯示在 Shop 商店導覽選單中的商品系列。您的導覽中最多可新增 12 個商品系列。

步驟:

  1. 在您的 Shopify 管理介面中,前往「銷售管道」> Shop

  2. 商店 區段中,點擊 自訂

  3. 從頁面頂端的下拉式選單中,選取 Shop 商店首頁

  4. 點擊 導覽 > 編輯導覽清單

  5. 透過以下任一方式自訂您的導覽:

    • 若要將可用的商品系列新增至您的導覽中,請從清單中選取該商品系列。
    • 若要從導覽中移除某個商品系列,請在清單中取消選取該商品系列。
  6. 點擊 儲存

自訂您的 Shop 商店篩選條件

使用 Shopify Search & Discovery 應用程式為您的網路商店新增自訂篩選條件後,系統會自動將這些相同的篩選條件同步至 Shop 上的 Shop 商店中。這可協助顧客在您的 Shop 商店商品系列頁面和搜尋結果中篩選向他們顯示的商品。

您的商店篩選條件會自動同步,且您無法為網路商店和 Shop 商店設定不同的篩選條件。瞭解如何在商店中新增與編輯篩選條件

以其他語言顯示您的 Shop 商店

Shop 應用程式和網頁版 Shop 支援捷克文、丹麥文、荷蘭文、英文、法文、德文、義大利文、立陶宛文、挪威文、波蘭文、葡萄牙文、羅馬尼亞文、西班牙文以及瑞典文。當顧客使用上述任何一種語言操作 Shop 時,除商品詳情頁面以外,Shop 商店的大多數元素都會進行翻譯。

您的 商品詳情頁面 在 Shop 中僅會以您 Shopify 商店的主要語言顯示。若您希望商品詳情頁面在 Shop 中以其他支援的語言顯示,請考慮使用 Translate & Adapt app,或透過採用 Shop Translation APItranslationsRegister mutation第三方翻譯 app 來翻譯您的商店。