如何新增／編輯／刪除／排序｜首頁圖片區塊
2026-06-30
說明：
- 提供商家可以在「官網首頁」置入「圖片區塊」，方便排版佈置商店。
- 圖片區塊內可置入：PNG、JPG、GIF、Webp 等四種圖檔格式。
- 圖片區塊內置入的圖片檔，尺寸須在高度 13000px、寬度 5000px 以內，且檔案大小不可超過 10MB。
- 如商家須要顧客點擊「圖片」後，可導向置其他頁面，也可以在「嵌入連結」欄位內，置入「頁面網址」。
一、首頁圖片區塊－新增
Step.1
登入「ShopStore店家管理後台」→前往「商店設計」→「頁面設計」點擊「設計頁面」。
Step.2
點擊上方藍色按鈕「新增區塊」。
Step.3
自由選擇其中一種區塊樣式。
※小編以點擊「區塊一」為示範。
Step.4
點擊「
」置入圖片的圖示。
Step.5
點擊中間「
」上傳一張或多張圖片的區塊，即可上傳電腦裡的圖片。
※上方有提示文字「建議使用檔案大小 2MB 內，最大寬高 1700px *1000px 的圖片」建議尺寸可供參考！（每個區塊樣式的建議尺寸皆不同）
Step.6
確認圖片與資訊皆至正確後→點擊右下角藍色按鈕「確定」。
※每張圖片的下方，皆有「嵌入連結」與「圖片說明」的欄位可以做輸入。
圖片說明：當滑鼠移到該圖片時，會顯示的文字小說明。
嵌入連結：店家可以置入想要顧客點擊該圖片後，可以導向的網頁網址。
在新視窗中開啟：勾選後，顧客點擊該圖片後，會開啟新視窗導向嵌入連結的網頁網址。
編輯圖片：點擊後，可自由編輯圖片(如：放大/縮小/左右相同/上下相反/裁切)。
手機板圖片：詳細請參考https://shopstore.tw/teachinfo/574。
Step.7
點擊右下角綠色按鈕「新增」。
※ 可自由輸入「區塊標題」、勾選／不勾選「首頁顯示標題名稱」、「自動統一區塊內容大小」。
Step.8
點擊右上角綠色按鈕「儲存所有內容」即可。
※此時，剛所新增的區塊，即會排列顯示於「目前商店區塊」內的最後一位。
※店家可以長按「
」將區塊做拖曳排序位置。
二、首頁圖片區塊－編輯
Step.1
登入「ShopStore店家管理後台」→前往「商店設計」→「頁面設計」點擊「設計頁面」。
Step.2
在「目前商店區塊」點擊想要編輯的區塊。
Step.3
點擊中間的圖片。
※在此即可編輯「標題名稱」、自由勾選／取消勾選「首頁顯示標題名稱」、「自動統一區塊內容大小」。
Step.4
即可編輯圖片、上傳／刪除圖片→編輯完成後點擊右下角藍色按鈕「確定」。
圖片說明：當滑鼠移到該圖片時，會顯示的文字小說明。
嵌入連結：店家可以置入想要顧客點擊該圖片後，可以導向的網頁網址。
在新視窗中開啟：勾選後，顧客點擊該圖片後，會開啟新視窗導向嵌入連結的網頁網址。
編輯圖片：點擊後，可自由編輯圖片(如：放大/縮小/左右相同/上下相反/裁切)。
手機板圖片：詳細請參考https://shopstore.tw/teachinfo/574。
Step.5
點擊右下角綠色按鈕「修改」。
Step.6
點擊右上角綠色按鈕「儲存所有內容」即可。
三、首頁圖片區塊－刪除
Step.1
登入「ShopStore店家管理後台」→前往「商店設計」→「頁面設計」點擊「設計頁面」。
Step.2
在「目前商店區塊」點擊想要刪除的區塊。
Step.3
點擊右下紅色按鈕「刪除」。
Step.4
點擊右上角綠色按鈕「儲存所有內容」即可。
四、首頁圖片區塊－排序
Step.1
登入「ShopStore店家管理後台」→前往「商店設計」→「頁面設計」點擊「設計頁面」。
Step.2
在「目前商店區塊」找到想要移動排序的區塊，並長按「
」即可拖曳排序。
Step.3
點擊右上角綠色按鈕「儲存所有內容」即可。
