バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > PC・スマホでの商品表示件数の変更

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
moge1203
投稿日時: 2018/4/9 13:56
対応状況: −−−
一人前
登録日: 2018/3/15
居住地:
投稿: 113
PC・スマホでの商品表示件数の変更
▼テンプレート
[EC-CUBE] 3.0.15 , 新規インストール
[レンタルサーバ] heteml
[OS] macOS High Sierra ver10.13.3
[PHP] 5.6
[ブラウザ] Google Chrome
[導入プラグインの有無] Point , おすすめ商品管理 , 売上 , 新着商品ブロック , 商品並び替え (今後も追加予定)
[カスタマイズの有無] システム的なカスタマイズはないが,フレームワークを用いずに、独自のhtmlファイルから組み込み


▼質問内容
皆様いつもお世話になっております。
スマホとPCでの表示切り替えについてご質問があります。

商品一覧ページやその他プラグインでの表示なのですが、
パソコンとスマホでの表示件数を変更したいと考えています。

例えば、パソコンでアクセスした場合一覧ページには
(■=商品アイコン)

■■■■
■■■■
■■■■
■■■■
■■■■
[pager]

のように1列4個ずつの計20個を表示

スマホでアクセスした際には
■■■
■■■
■■■
■■■
■■■
[pager]

上記のように1列3個の計15個の表示


このような切替えは可能でしょうか?

どなたかご教授いただけると幸いです。

よろしくお願いします。

K-web
投稿日時: 2018/4/9 17:09
対応状況: −−−
半人前
登録日: 2018/3/12
居住地:
投稿: 29
Re: PC・スマホでの商品表示件数の変更
ec-cubeには‎Bootstrapが入っているのでそちらで表示の切り替えをすれば良いと思います。
cssで@mediaなどを使うとより細かく指定できます。

Bootstrapの使い方はこちらなどを参照に
https://techacademy.jp/magazine/6270

ec-cubeのBootstrapは多少特殊ですが基本的な操作方法は変わりませんので参考にしてみてください。
moge1203
投稿日時: 2018/4/9 18:39
対応状況: −−−
一人前
登録日: 2018/3/15
居住地:
投稿: 113
Re: PC・スマホでの商品表示件数の変更
K-web様
ご回答ありがとうございます。

Bootstrapについてなのですが、今回は独自HTMLを使用しているため利用していません。
また、@mediaを用いた指定方法というのはカラム数の変化ということでしょうか?
今回実装したいのはPCとSPのアクセスした際に、商品一覧ページの最大読込数の変化を実装したいと考えており、カラム数を変更しただけですと、最後の1枠だけ空白のような不細工な形になってしまうので避けております。

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


 



ログイン


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

統計情報

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

投稿数ランキング

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.