php - Magento - 商品画像の上下の間隔

Question

商品画像をアップロードすると、何らかの理由で、magento が画像の上下にスペースを追加します。

これはサンプル画像です。Stackoverflow の背景は白いため、この画像を保存すると、上下に白い余白が表示されます。

ストア環境をご覧になりたい場合は、こちらのサイトへのリンクです。

どんな助けでも大歓迎です。

よろしく

Answer 1

これは、サムネイル画像に設定されているテーマの縦横比が原因です。画像サイズが に設定されて232 x 280おり、アップロードする画像が正方形であるため、Magneto は、指定されたサイズの画像のバージョンを自動的に生成します。

サイズを変更して正方形の縦横比に設定するには、テーマのテンプレート ファイルを変更するだけです。

開けるapp/design/frontend/default/celebrity/templates/catalog/product/list.phtml

イメージ タグを探します。次のようになります。

<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(232,280); ?>" width="232" height="280" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />

次のように、高さと幅の値を同じになるように変更します。

<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(232); ?>" width="232" height="232" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />

ファイルを保存し、Magento キャッシュを更新します。