質問 > フロント機能 > 4系インストール後のデモ詳細ページで画像が拡大される |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
umez |
投稿日時: 2019/11/28 9:11
対応状況: −−−
|
新米 ![]() ![]() 登録日: 2019/11/28 居住地: 投稿: 5 |
4系インストール後のデモ詳細ページで画像が拡大される ▼テンプレート
[EC-CUBE] EC-CUBE4.0.3新規インストール直後 [レンタルサーバ] xrea [OS] [PHP] 7.3 [データベース] postgresql [WEBサーバ] Linux [ブラウザ] chrome [導入プラグインの有無] なし [カスタマイズの有無] なし [現象] お世話になります。初心者です。質問はここでよいでしょうか? 以下よろしくお願いします。 新しく4.0.3をインストールして使ってみたのですが、インストール後のデモ詳細ページのメイン画像が、実サイズより拡大され、ウィンドウを広げるとさらにでかくなったりして、画像がボケボケになってしまうのですが、これはmax-widthとかの指定でなんとかなりますか?どこを修正すればいいでしょうか?style.cssで探してみたところ、コンテナ部分のサイズ調整はできるのですが、画像自体のコントロールができません。 実は600px推奨とのところ、手持ち画像がどれも400×400pxかそれ以下で作ってあるため、デフォルトで拡大されボケているようです。 それで3系でもインストールして使ってみたのですが、3系の方は実サイズ100%でキレイに表示されていて、ウィンドウを広げてもでかくならず、サイズの小さい画像を使っても、とてもいい感じなので、できれば3系の画像のような状態にしたいのですが。 どこをどう弄ればよいかご存知の方、アドバイスいただければ助かります。 |
468 |
投稿日時: 2019/11/28 12:05
対応状況: −−−
|
神 ![]() ![]() 登録日: 2008/10/26 居住地: 投稿: 3217 |
Re: 4系インストール後のデモ詳細ページで画像が拡大される 商品詳細ページの画像の事をおっしゃられていますか?
<div class="ec-sliderItemRole">のサイズに合わせてスライダーが調整されるようになっているのではないでしょうか? .ec-sliderItemRoleに関連するCSSを調整すれば良いのではないかと思います。
|
umez |
投稿日時: 2019/11/28 23:27
対応状況: −−−
|
新米 ![]() ![]() 登録日: 2019/11/28 居住地: 投稿: 5 |
Re: 4系インストール後のデモ詳細ページで画像が拡大される 468様
早々のご回答ありがとうございます! 実は<div class="ec-sliderItemRole">の部分も昨日ちょっと弄ってみたのですが、うまくいきませんでした。初心者なので、もうちょっと試行錯誤してみます。 アドヴァイスありがとうございました。何か分かればまたご報告させていただきます。 |
umez |
投稿日時: 2019/11/30 8:03
対応状況: −−−
|
新米 ![]() ![]() 登録日: 2019/11/28 居住地: 投稿: 5 |
Re: 4系インストール後のデモ詳細ページで画像が拡大される 自己解決しましたのでご報告です。
style.cssの以下2カ所を書き換えたらできました。 2カ所弄るのに気がつかなくて時間がかかりました。 トップページ .ec-sliderItemRole img { width: 100%; } → .ec-sliderItemRole img { max-width: 100%; } 商品詳細 .ec-productRole img { width: 100%; } → .ec-sliderItemRole img { max-width: 100%; } アドバイスありがとうございました! |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |