TCDテーマAnkle：トップページの商品一覧画像を縦長（4:5）に変更する方法

Q.商品一覧の画像を縦長（4:5）にしたい

トップページの商品一覧画像が正方形で表示されますが、縦長（4:5）にすることはできますか？

A.はい、カスタムCSSで対応可能です

カスタムCSSを追加することで、トップページの商品一覧画像を縦長（4:5）にアレンジできます。

管理画面のTCDテーマ ＞ 基本設定 ＞ カスタムCSSに、下記コードをコピペして保存してください。

/* トップページの商品画像を縦長4:5にする */
#index_product_list .product_item .image,
#index_product_list .product_item .spacer {
padding-top: 125%;
}

なお、この方法は画像の表示比率をCSSで変更するものです。元画像自体の切り抜き位置（トリミング）までは変更されないため、被写体が中央に配置された画像をご用意いただくと、より綺麗に表示されます。