2015.01.15

2,639

【EC-CUBE】商品一覧の表示順序がPCとスマートフォンで違う!?

このエントリーをはてなブックマークに追加

みなさんこんにちは!デベロップメントdept.のJです。

EC-CUBEの商品一覧で、商品の表示順序がPCとスマートフォンで異なるというバグがあります。
正直、なかなか発見しづらいバグだと思います。
※現在でも気づいていない人も多いかと・・・。

kanreki_bug
↑ヘノブが運営している「還暦プレゼント」でもこの現象が起こってます。
左がPC、右がスマホの商品一覧ページ。全然違う!

発見しづらい理由

1.スマートフォンだけのバグ
2.商品一覧の2ページ以降に現れる
3.順番が違うだけなので、気にならない(分からない人)もいる
※しかも、全く違うというより、少し違う程度

このバグが起こる理由はjQueryが問題なのですが、説明するとプログラム的な説明になっているので割愛します。
要は、スマートフォン側の一覧にある「もっと見る」ボタンが原因です。
「もっと見る」ボタンを押す事により、商品の順番が異なる様になります。
その為、発見されづらいという理由になります。

対処方法は?

では、商品が買えないって訳ではないので気にならない人は良いかもしれませんが、気になってどうしようもない・・・って人はどうするべきか?
jQueryを確認していくとなると、少々プログラムの知識が必要になってしまいますし、調査でも時間がかかります。
それでしたら、テンプレートを修正するだけという対策があります。
※おそらく、一番簡単だと思われる対策
それは・・・、「もっと見る」ボタンをやめてPCと同じようにページ送りにしてしまう事だと思います。
この方法でしたら、HTMLとCSSが分かる方なら変更は可能だと思います。
ユーザービリティ、ページ遷移、デザインの好き嫌い等あるかと思いますが、対策の1つとして皆さんも検討してみてください。

参考記事:EC-CUBE開発コミュニティ>【緊急】スマホ商品一覧 表示不具合:追記

このエントリーをはてなブックマークに追加

J

株式会社ヘノブファクトリー|デベロップ
この記事の投稿者:

次