商品一覧ページを表示した際に、PCでは商品画像・商品番号・商品名・価格と綺麗に整頓された状態で表示されますが、スマホで閲覧しますと、商品画像の横に商品名・商品番号・価格とさらに商品説明文が長々と表示され、詳細クリックが表示されます。
PC同様に、スマホサイトにおいても、商品画像・商品番号・商品名・価格と綺麗に整頓(PCは三列ですが、可能であれば2列表示)表示にしたいと思いますが、設定個所がわかりません。
ご案内。ご教授いただけるとありがたいです。
宜しくお願い申し上げます。
商品一覧ページの商品の表示方法として、タイル表示(カタログ表示)とリスト表示がございます。
リスト表示の場合は、スマートフォンでは商品画像の横に商品名・商品番号・価格と商品説明文が表示されますので、
スマートフォン表示時に何らかの操作でリスト表示に切り替わってしまったと思われます。
タイル表示とリスト表示の切り替えはヘッダーメニュー横のアイコン(スマートフォン版では虫眼鏡ボタン右のアイコン)で
切り替えられますのでお試しください。
また、ヘッダーメニュー横のタイル表示(カタログ表示)やリスト表示切替のボタンを非表示とすることも可能です。
ページレイアウト管理(拡張設定>デザイン設定)に入り、「ヘッダメニュー」パーツの編集(鉛筆ボタン)をクリックし
上部「検索フォーム」欄の「□商品リスト表示切替」や「商品タイル表示切替」のチェックを外して[保存]してください。
なお、ショップページアクセス時の表示形式は、ページレイアウト管理(拡張設定>デザイン設定)内の[商品一覧・
フレーム設定]をクリックします。
「商品一覧」枠内の「商品表示」項目の「表示形式:」で指定してください。
※リスト/タイル表示はショップページを表示した端末側に記憶されますので、表示切り替えを行っても
指定した表示とならない場合がございます。
この場合、表示切替ボタンを非表示にする前にショップページを表示し希望される表示形式に切り替えた後に
表示切替ボタンの設定を行ってください。
次にタイル表示(カタログ表示)時の商品の並び数(列数)は、レスポンシブ対応(パソコンやスマートフォンなど
画面幅によってページの表示が切り替わる仕様)であるため、どの画面幅であっても2列表示に固定は
できませんことをご了承ください。
※タイル表示時のフレームサイズを変更するなどで2列表示となる場合もございますが、 前述の通り端末の
画面幅によって表示列数は変動します。