バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > ギャラリーブロックの画像サイズを変更したい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
ytk
投稿日時: 2020/3/6 10:37
対応状況: −−−
仙人
登録日: 2009/12/7
居住地:
投稿: 349
ギャラリーブロックの画像サイズを変更したい
ギャラリーブロックの画像サイズを変更したいのですが
cssファイル内で見つけることが出来ませんでした。
ご教授頂けましたら幸いです。
何卒、宜しくお願い致します。

EC-CUBE 3.0.17


----------------
EC-CUBE 3.0.17
サーバーOS Linux
DBサーバー MySQL
WEBサーバー Apache
PHP 7.1.5

ytk
投稿日時: 2020/3/6 11:31
対応状況: −−−
仙人
登録日: 2009/12/7
居住地:
投稿: 349
Re: ギャラリーブロックの画像サイズを変更したい
追記で一連を4つ画像を並べる
または5つ画像を並べるように変更したいです。
すみませんが、何卒、宜しくお願い致します。


----------------
EC-CUBE 3.0.17
サーバーOS Linux
DBサーバー MySQL
WEBサーバー Apache
PHP 7.1.5

kss
投稿日時: 2020/3/6 17:23
対応状況: −−−
半人前
登録日: 2020/2/12
居住地:
投稿: 18
Re: ギャラリーブロックの画像サイズを変更したい
ギャラリーブロックというのは商品一覧ページという認識でよいでしょうか。
4系であれば管理画面のCSS管理で

@media only screen and (min-width: 768px) {
    .ec-shelfGrid .ec-shelfGrid__item {
        width:20%;
    }
}

を追記で対応できるんですが、3系ではCSS管理は無いんですね。

3系では html/template/default/css/bootstrap.custom.min.css の中を検索すると

.col-sm-3{width:25%}

という部分があるかと思いますが、これが画面幅768px以上の時の1列中の1個あたりのカラム幅になっています。
(100%中の25%で4個ですね)
なので、ここを20%にすれば1列あたり5個表示になります。

CSSを変更してもブラウザキャッシュの影響で変化が現れない場合がありますので、その場合はブラウザのスーパーリロードなどしてみてください。

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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.