商品一覧にカラーバリエーションなど追加情報を表示

商品一覧やトップページのおすすめ商品などの一覧表示している部分で、販売価格の下に追加情報を表示したいことがあります。商品のカラーバリエーション表示などを追加情報を表示します。

MONOテンプレートに左サイドメニューを付ける

パソコン閲覧時に回遊性を上げたいなどの相談もあって、左サイドにメニュー表示させることがあります。サイドに場所を取りますので、コンテンツ部分が狭くなることなどのデメリットもあります。

カートボタンにカーソルを当てると、カートの中身が見られると便利です。決済ページに移動することなく、手軽に素早く表示できます。お客様の利便性が上がります。

重要度が増すスマートフォン対応として、商品ページの画像送りをスワイプ、画像の拡大縮小をピンチアウト・ピンチインでできるように機能を実装します。操作感を確かめられるデモあり。

オーダーメイドの商品で、お客さまに入力してもらいたい項目が多い場合にオプションと組み合わせます。文字数制限内でしたら何項目でも送信できます（要レギュラープラン以上）。

プルダウン形式の場合は販売価格がページに表示されていないことが多いです（商品説明文内に記載しておく必要があります）。オプション選択時に販売価格を反映するカスタマイズを行います。

カラーミーショップにおいて、オプション項目関連のカスタマイズを検討することはよくあります。今回はオプション項目をボタンで入力する例を考えてみます。

スマートフォンの場合、使い勝手やスペースの問題もあって、検索機能をヘッダー部に虫眼鏡アイコンで表示していることが多いです。1）薄暗いレイヤーの上に検索窓、2）ヘッダーとスライドショーの間に。

naeco.jpで無料配布しているレスポンシブ対応テンプレートの設置や、それをベースにしたカスタマイズなどを仕事としてお受けしております。費用については、お気軽にお問い合わせください。

レスポンシブ対応は、これまでのようにパソコン用・スマートフォン用ページと分けて制作しなくてよくなります。費用面や更新の手間などで節約できる利点があります。MFI対応にも有効。