對於一個商店來說，「首頁」是品牌的第一印象，因此打造一個漂亮首頁非常重要
這邊說明如何用本身網站提供的版位套件來設計首頁，若您本身具備開發及設計能力，您可直接選擇網站提供的 HTML/JS/CSS 彈性設計。
此篇文章分成三項說明：
・圖片上傳說明
・圖片上架說明
・圖片大小限制
・圖片順序設定
一、圖片上傳說明
在指定圖片要在前台呈現的模樣之前，先上傳所有會使用到的圖片
步驟一、管理後台「商店設計 > 共用橫幅管理 > 新增」
步驟二、「上傳圖片 > 設定點擊圖片後的超連結 > 決定順序」
1. 橫幅圖片組合名稱：供人員自行查看，方便後續在設定圖片顯示位置時辨認圖片，例如：雙十一優惠圖片
2. 上傳圖片
2.1 點擊增加 > 上方瀏覽選擇
2.2 點擊或拖曳上傳圖片
3. 連結：在首頁點擊圖片時希望引導顧客到哪個頁面去
4. 拖拉順序：如有多張圖片，可決定在輪播時的順序
二、圖片上架說明
上傳好網站會使用到的圖片後，再來要指定圖片在前台呈現的模樣
網站提供三種常用的版位元件
幻燈片滑塊橫幅 (Slideshow)
・滿版尺寸建議：寬：1920px／高：不限
・非滿版尺寸建議：寬：1170px／高：不限
*如圖片選擇「彈性滿版」，則會置頂第一張顯示，此時排序就會失效，無法往下排。
水平並排橫幅 (Carousel)
・寬度尺寸根據每次顯示數而異，例如三張則建議：寬：390px／高：不限
輪播橫幅 (Banner)
・滿版尺寸建議：寬：1920px／高：不限
・非滿版尺寸建議：寬：1170px／高：不限
· 圖片解析度 72px
· 檔案大小限制 1 MB 以下
· 圖片檔案格式建議為 JPG/PNG
· 上傳圖片檔名僅支援英文檔名，請避免使用特別符號，如 "-"、"&" 等
· 同一個區塊中的圖片尺寸需一致
(例如：想放 3 張圖片在同一幻燈片輪播區域，那 3 張圖片的尺寸就需一樣是 1920px*1100px)
在每個圖片套件的最右邊皆有個「排序」欄位，當位置設定為「置頂」時，數字越大則越下面，例如幻燈片排序為 1，輪播圖排序為 2，那麼在首頁看見的樣子就會是由上往下「幻燈片 > 輪播圖」以此類推。
*若還有其他套件，如「最新商品、推薦商品」等，也是依照排序的數字來乖乖排隊，就可以達到圖片、商品、圖片、商品穿插顯示。
🤚舉手發問
1. 套件只能出現在首頁嗎？
> 不一定，每個套件中的「版面」就是指您希望該套件出現在哪邊，例如「首頁」、「目錄頁」還是「商品頁」，多處皆可放置圖片套件。
進一步閱讀「網站商品區塊設定」