バージョン選択

フォーラム

メニュー

オンライン状況

87 人のユーザが現在オンラインです。 (58 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 87
もっと...

サイト内検索

質問 > フロント機能 > 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
居住地:
投稿: 1918
Re: 4系インストール後のデモ詳細ページで画像が拡大される
商品詳細ページの画像の事をおっしゃられていますか?
<div class="ec-sliderItemRole">のサイズに合わせてスライダーが調整されるようになっているのではないでしょうか?
.ec-sliderItemRoleに関連するCSSを調整すれば良いのではないかと思います。


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

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%; }

アドバイスありがとうございました!
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は54,402名です
総投稿数は94,215件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
nanasess
2015
4
468
1918
5
yuh
1610
6
umebius
1414
7
red
1376
8
h_tanaka
940
9
fukap
907
10
tsuji
856
11
shutta
835
12 ramrun 789
13
tao_s
781
14 karin 656
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
483
20 tonton 437


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.