先日、ショッピングカートのEC CUBE3.0系を試してみたが、商品画像に変倍がかかってしまいなかなか解決法がみつからなかった。

試行錯誤を繰り返した結果、とりあえず、解決できたので、ここで紹介したい。

基本的には、縦のサイズ指定に問題があった。

それでは、具体的に説明しよう。

まず、修正するファイルは二つ。

１．EC CUBEインストールフォルダ>html>template>default>css>style.css

２．EC CUBEインストールフォルダ>html>template>admin>assets>css>dashboard.css

上記のファイルをダウンロードするか、またはファイルマネージャーを利用して編集する。

ファイル１が編集できる状態になったら、「item_photo」というキーワードを検索する。

.item_photo img {
width: 100%;
}

上記のような箇所が見つかったら下記のように編集して更新する。

.item_photo img {
width: 100%; height: auto;
}

同様にファイル２が編集できる状態になったら、「item_photo」というキーワードを検索する。

.item_box .item_photo img {
width: 100%;
max-width: 80px;
}

上記のような箇所が見つかったら下記のように編集して更新する。

.item_box .item_photo img {
width: 100%; height: auto;
max-width: 80px;
}

私の場合、いろいろ試した中で以上二ヵ所の修正で商品画像に変倍がかってしまうという問題は解決された。

ここに辿り着くまでに、丸二日くらいかかってしまった。

もし、同様の問題でお困りなら、一度、試してみてはいかがだろうか。