Brooklyn 的秘訣
此文章會大略說明幾個實用的訣竅，以及最佳實踐，以便幫助您在線上商店內建立Brooklyn。
導覽秘訣
新增下拉式選單
如要在主選單中加入下拉式選單，您需要在「導覽」頁面上建立選單。若要深入瞭解，請參閱「在您的線上商店中設定下拉式選單」。
主選單變成側邊欄選單
若您的主選單占用許多空間，則會轉換為側邊欄選單，您可以點擊頁首區段中的按鈕將其開啟。
您可以執行以下步驟，防止主選單變為側邊欄選單：
- 請勿新增超過四個或五個連結至主選單。
- 為主選單連結使用較窄的字體。您可以從字體設定變更顯眼文字的字體。
- 建立限制字母數的選單項目。例如，您可以使用「FAQ」而非「常見問題」，或「聯絡」而非「聯絡我們」。
圖片秘訣
Brooklyn 的最佳產品圖片類型
由於高解析度圖片看起來精美且專業，因此您的產品圖片至少應為 1024 x 1024 像素。產品圖片的最佳形狀為正方形。
理想情況下，您的圖片應使用單色背景。單色指的是沒有陰影或加亮的純色。您的所有圖片都應使用相同的背景色彩。
若要移除產品圖片的邊框，請在色彩設定中將「產品背景」色彩設定為透明。
素材輪播圖片的最佳尺寸
Brooklyn 示範商店中顯示的投影片輪播圖片均為 1200 x 800 像素。我們建議您將所有投影片輪播圖片的尺寸保持一致。
小螢幕上的圖片裁剪
在小型裝置上，投影片會填滿螢幕的上緣到下緣。投影片會重新調整大小，讓高度符合裝置螢幕。若要填滿螢幕而不扭曲圖片，投影片會裁剪左右側。
在大螢幕上，投影片圖片會重新調整大小，讓寬度符合瀏覽器視窗的寬度。若要填滿視窗而不扭曲圖片，投影片會裁剪底部。
下列範例同一顯示線上商店的桌上型和行動裝置版本。
為部落格貼文設定圖片
您部落格文章中的第一張圖片會用作部落格頁面的精選圖片。您可以在「撰寫部落格貼文」中，瞭解如何新增圖片至部落格文章。
產品秘訣
為產品加上特賣徽章
您可以設定高於一般價格的售價，為產品新增促銷徽章。在商品系列頁面上，徽章會顯示在該產品的圖片上。
設定哪些產品在商品系列頁面上會顯得較大
若您將商品系列頁面設定為透過拼貼樣式來展示產品，則部份產品會顯示較大的圖片，另一些產品則會顯示較小的圖片。圖片尺寸是根據產品在商品系列中的順序而定。您可以在管理員中的「商品系列頁面」中變更產品順序。按一下您想編輯的商品系列，接著在「產品」區域中的「排序」下拉式選單中選擇「手動」。接下來，請以您想在線上商店中顯示產品的順序拖放產品。
對於每六個產品，第一個產品和第六個產品會是大型產品圖片。例如，商品系列中的第一張、第六張、第七張、第十二張、第十三張和第十八張圖片為大型圖片：
若要顯示尺寸一致的格狀產品圖片檢視，請改為將您的商品系列設定為格狀樣式。
選擇變體時的捲動動畫
在產品頁面上，若產品說明夠短，可以配合螢幕而不需要捲動，則您會在選擇含有圖片的變體時看到捲動動畫。若說明過長，必須向下捲動才可配合螢幕，則頂端圖片會由變體圖片所取代，不會有捲動動畫。
若您想顯示捲動動畫，請確保您的產品說明夠短。