ECCUBEで商品に登録した画像を一覧で表示したときに画像がガニガニしていたことはないでしょうか？
あるはずです！！！

ということで今回はさっくり画像を大きく表示する方法をご紹介します。
ちなみに大きく表示しておいてCSSで調整するってのが良いと思います。

かといって大きすぎる画像だとサイトが重くなるのでそこらへんはちょっと考えたほうがいいですね。

今回の環境

EC-CUBEバージョン 2.17.0
PHPバージョン PHP 7.2.29
DBバージョン MySQL 5.7.27

という感じ。

さっそくソースです

まずは
/eccube/data/Smarty/templates/[テンプレート名]/products/list.tpl

へアクセスしてください。

そこにこんな記述があるはず

<img src="
<!--{$smarty.const.IMAGE_SAVE_URLPATH}-->
<!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->" alt="
<!--{$arrProduct.name|h}-->" class="picture img-responsive" />

これの…

<!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->"

この部分の『$arrProduct.main_list_image』を

下記に書き換えます。

<!--{$arrProduct.main_image|sfNoImageMainList|h}-->"

これで完了です✨
綺麗な画像が表示されます！

みなさんもお試しあれ！！

• code,
• ec,
• eccube,
• web