バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 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を調整すれば良いのではないかと思います。


----------------
株式会社シロハチ
■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公式 Amazon Payプラグイン

統計情報

総メンバー数は88,281名です
総投稿数は109,688件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

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

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