2018年04月29日

スマホ版webショップでの商品画像スワイプ対応のこと。

当店の本店サイト
http://www.seto-hanakura.com/

は、開始以来10年間、MakeShopというショッピングカートシステムを利用しています。
MakeShopでは、デザインにこだわらなければ簡単にスマホ版のショップも作れます。
..というか、PC版を更新すると連動して勝手にスマホ版も作ってくれます。

という使い勝手がよいシステムなのですが、商品画像の表示方法が、現在は
トップ画像
追加画像1
追加画像2
追加画像3
という風に、上下に並んで見えている状態です。

でも、スマホならやっぱり左右にスワイプ(フリック)すると画像が切り替わる方が、ページの長さも短くなるし
お客様にとっても見やすいじゃないか!
Yahoo店では自動的にそういう表示になっています。

ということで、コッソリと改良を施しています。
20180429.jpg

↑が修正中のソース。(見せれなさそうな部分は空白になってますが)
現段階で修正内容を反映すると、
「追加画像が存在しない商品の場合、追加画像の欄が空白で表示されてしまう」
という問題点が残っています。
これを解決する方法をなんとか見つけるか、あるいは全商品に追加画像を3枚ずつ付けるか..。
昔からある商品ページの場合、追加画像が無かったり、1枚だけだったりするんですよ。
 これを修正するのはなかなかに大変な作業でして(汗

とはいえ、5月中には見やすいverに改良ができると思いますので、お楽しみに。

posted by hana at 17:28| Comment(0) | 日記 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。