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

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

[もっと見る]で、表示項目を減らす

情報が多すぎて、見づらいことがあります。トップページに並べる商品やパンくずリストと呼ばれるナビゲーション（グループ）など。非表示にして見たい人だけクリック。

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

お気に入り機能（ウィッシュリスト、あとで見る、いいね、好きのような目印をつける機能）。ショッピングカートやSNSでは広く使われている機能です。カラーミーにも実装できます。

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

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

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

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

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

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