プラスカラーのブログ

プラスカラーのブログ

社員みんなで日々の出来事から真面目なお仕事のことまでよりどりみどり!!

Amebaでブログを始めよう!
ECCUBE 2.11.5で商品詳細ページの画像が縦長だと写真の下の方が切れてしまう…。

調べてみたら

【スマートフォン】商品詳細ページの画像がはみ出て切り取られる

しかし解決せず(;ω;)

なんでゴリッと変更

★変更前★

        <!--{* 画像の縦横倍率を算出 *}-->
        <!--{assign var=detail_image_size value=200}-->
        <!--{assign var=main_image_factor value=`$arrFile[$key].width/$detail_image_size`}-->
        <!--{if $arrProduct.main_large_image|strlen >= 1}-->

★変更後★

        <!--{* 画像の縦横倍率を算出 *}-->
        <!--{assign var=detail_image_size value=200}-->
    <!--{if $arrFile[$key].width > $arrFile[$key].height}-->
        <!--{assign var=main_image_factor value=`$arrFile[$key].width/$detail_image_size`}-->
        <!--{else}-->
        <!--{assign var=main_image_factor value=`$arrFile[$key].height/$detail_image_size`}-->
        <!--{/if}-->
        <!--{if $arrProduct.main_large_image|strlen >= 1}-->

ついでにサブ画像も

★変更前★

        <!--★サブ画像★-->
        <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
        <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}-->
        <!--{assign var=sub_image_factor value=`$arrFile[$key].width/$detail_image_size`}-->
         <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->

★変更後★

         <!--★サブ画像★-->
        <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
        <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}-->
    <!--{if $arrFile[$key].width > $arrFile[$key].height}-->
        <!--{assign var=sub_image_factor value=`$arrFile[$key].width/$detail_image_size`}-->
        <!--{else}-->
        <!--{assign var=sub_image_factor value=`$arrFile[$key].height/$detail_image_size`}-->
        <!--{/if}-->
        <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->

これでOK!(`・ω・´)
もっとスマートにかける様にしなきゃー