バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > フリーエリアでの画像表示

フロント機能

新規スレッドを追加する

スレッド表示 | 古いものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
luceo
投稿日時: 2019/5/23 20:58
対応状況: −−−
一人前
登録日: 2019/5/20
居住地:
投稿: 133
Re: フリーエリアでの画像表示
ありがとうございました!

・フリーエリアにCSSを直接書くことで解決いたしました!
とても助かりました!

コンテンツ管理→CSS管理での記載ではうまくいきませんでした。
カスタマイズをまだしていないので以下の状況として入力しました。

/* カスタマイズ用CSS */

#img1 {
width: 300px;
}

これで変更できない理由は何かあるのでしょうか。
度々申し訳ありません。
umebius
投稿日時: 2019/5/23 8:19
対応状況: −−−
登録日: 2016/7/22
居住地:
投稿: 2085
Re: フリーエリアでの画像表示
フリーエリアのIMGタグがこんな感じだったとして
<img id="img1"src="http://xxxxxx.com/html/template/default/assets/img/top/img_hero_pc01.jpg">


コンテンツ管理→CSS管理を使ってもいいですし
#img1 {
width: 300px;
}

なんならフリーエリアにCSSを直接書いても適用されると思います。
<style>
#img1 {
width: 300px;
}
</style>


CSSの書き方は適当です。実際はメディアクエリでスマホと切り分けたり、ID(クラス)の指定方法などは調整ください。


----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

luceo
投稿日時: 2019/5/22 16:01
対応状況: −−−
一人前
登録日: 2019/5/20
居住地:
投稿: 133
フリーエリアでの画像表示
商品登録の際の<フリーエリア>に画像表示をソースを作成したところ、
スマホでは幅指定を入れても入れなくても、綺麗に表示されるのですが
PCでは
幅サイズを指定、指定なし、100%、いずれの設定にしても
同じ大きさに拡大されてしまいます。

●ダウンロード版をインストールしたばかりで
cssも含めてカスタマイズは行っていない状況です。

どこを再設定、確認すれば良いか教えていただければ嬉しいです。
よろしくお願いいたします。
スレッド表示 | 古いものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,288名です
総投稿数は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.