商品一覧 - ページ送りナビのHTML構文誤り

[habu]

商品一覧内、ページ送りナビ内の各要素が<li>タグで構成されていますが、
ところどころ抜けがあります。

また、/data/class/SC_PageNavi.php内にも、
/html/products/list.php内にも、
開始の<ul>タグがありませんでした。

 http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=7776&forum=13&post_id=37724

リストを使う必要は必ずしもないと思いますので、フラットな HTML に書き換えようと思います。

r21313

[habu]

変更前

[habu]

変更後

[habu]

抜けているliタグを追加して、ulタグ(class="navi")で囲む様にすると、
スマートフォンにて、表示が崩れます。
（縦に表示される様になります）

これを回避するため、
html/user_data/packages/sphone/css
に以下のコードを追記すると、とりあえず横に表示される様になります。

.navi li a{
display:inline;
}

しかし、それでも、元々の表示とは異なる見た目になってしまいますので、 この修正をコミットするためには、更なるCSSの修正も必要です。

変更前：

変更後：

[kajiwara]

habuさん

ご指摘と調査、ありがとうございます。

スマホのフロント画面は、小手先で修正してしまうと、色々と問題になりそうですね。 少し、こちら側でもCSSの修正も含めて、再度見直しを行ってみます。
ただし、2.11.1までには間に合わなさそうですので、2.11.2あたりでの修正になると思います。

申し訳ございませんが、マイルストーンを2.11.2に変更します。

[habu]

CSS修正後

[habu]

kajiwaraさん

マイルストーンのご調整等、ありがとうございます。
r20915 にて修正してみました。
ご確認の程、宜しくお願い致します。

以下の様な画面です。

iPhone 3GSだと、ページ送りが少し押しにくかったので
若干文字を大きくしています。

[habu]

管理側の「商品選択」画面にも影響する事が分かりました。

もう少し、影響範囲を精査する必要がありそうです。

[habu]

影響範囲が大きい事が分かったため、
r20915 にて、r20915 をロールバックしました。

影響範囲は以下の通りです。

【管理画面】
・おすすめ商品管理 商品検索(ポップアップ)
・受注登録 - 顧客検索(ポップアップ)
・受注登録 - 商品の追加画面(ポップアップ)
・ステータス管理
・商品管理＞商品並び替え
・商品管理＞商品登録 - 関連商品(ポップアップ)
・システム設定＞メンバー管理

【フロント】
・商品一覧ページ
・MYページ - お気に入り一覧
・MYページ - 購入履歴一覧
・【携帯】商品検索結果
・【携帯】MYページ - 購入履歴一覧
・【スマホ】商品一覧ページ
・（【スマホ】MYページ - 購入履歴一覧 は、何故かページ送り無し）
・【スマホ】MYページ - お気に入り一覧

（「$tpl_strnavi」、「->strnavi」でGREPして調査しました）

PC、スマートフォンについては、CSSの修正で対応可能ですが、
携帯版についてはCSSでの修正が効かない端末もあるので、この度は断念しました。

[kajiwara]

habuさん

色々、ありがとうございます。

ちなみに、スマートフォンは、2.11.2で、ページ送り機能無くします。
「もっと見る」のような機能への変更を検討しています。

ご報告まで。

[kajiwara]

スマートフォンのリニューアルにて「もっと見る」機能で変わって対応しました。

本チケットはこちらにてクローズさせていただきます。

[Seasoft]

現状でも修正されていないようです。
 http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=9245&forum=8

また /admin/products/product_select.php で、表示乱れが発生しているようです。