バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > 管理機能 > デフォルトの商品一覧ページを4列から3列に変える方法を教えてください。

管理機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
kattsun
投稿日時: 2017/9/28 22:09
対応状況: 確認中
新米
登録日: 2017/9/28
居住地:
投稿: 9
デフォルトの商品一覧ページを4列から3列に変える方法を教えてください。
▼テンプレート
[EC-CUBE]3.0.14
[レンタルサーバ]ロリポップ
[OS] MAC OS
[PHP]PHP 5.5
[データベース] My AQL
[WEBサーバ] 分からないです。
[ブラウザ] Safari
[導入プラグインの有無] 無し
[カスタマイズの有無]  無し
[現象]
 デフォルトの商品一覧ページを4列から3列に変更したのですが、どこをどのように変更すればよいか分かりません。方法を教えてください。
468
投稿日時: 2017/9/29 11:51
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 3217
Re: デフォルトの商品一覧ページを4列から3列に変える方法を教えてください。
bootstrapのルールに則ってcssが記述されていますので、
/src/Eccube/Resource/template/default/Product/list.twig 110行目の
class="col-sm-3 col-xs-6"

class="col-sm-4 col-xs-6"
に変更すれば、3列になると思います。
col-sm-4が親エリアの4/12の幅という意味だったと思いますので・・・
(デフォルトは、3/12なので4列)


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

kattsun
投稿日時: 2017/9/29 12:07
対応状況: 解決済
新米
登録日: 2017/9/28
居住地:
投稿: 9
Re: デフォルトの商品一覧ページを4列から3列に変える方法を教えてください。
シロハチ様 

教えていただきありがとうございます。
class="col-sm-4 col-xs-6"というように変更して、4列から3列に変更できました。

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


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
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.