系統將依據商店版型裁切圖片比例,使商品列表頁中的商品圖片顯示一致的長寬比例。
以下將分別說明:
一、設定步驟
步驟一
前往「商店後台 > 網店設計 > 設計」點選「進階設計設定」分頁。
步驟二
勾選「自動把商品圖片裁剪成設計預設相框的大小」,點按頁面右下角「保存」及「出版」按鈕。
二、前台顯示畫面
未勾選「自動把商品圖片裁剪成設計預設相框的大小」,直接顯示圖片原本的比例、大小:
已勾選「自動把商品圖片裁剪成設計預設相框的大小」,自動將圖片裁剪成一致的比例、大小:
三、[即將推出] 新版頁面編輯器
前往「商店後台 > 網店設計 > 網店分頁」點按右側「進階分頁」按鈕開啟新版頁面編輯器。
點選頁面左側的「店面級別設定 > 商品」,在「產品列表頁」區塊可開啟「自動裁剪商品圖」開關,詳細說明請參考此篇文章。
四、注意事項
- 此裁剪功能,不會影響商品詳情頁面中主要圖片的比例,只會影響商品列表頁(「分類頁面」、進階分頁「分類元件」)中的商品圖片。
- 系統會依據您在後台「網店設計 > 設計」所選用的店面版型決定裁切的形狀。
延伸閱讀
評論