保有ポイントを表示する

ショッピングモールでは、グローバルメニューの右端あたりにお客様の名前や保有ポイントを表示しています。カラーミーショップにもあると、お客様の利便性が上がると思います。

商品画像をスワイプする

商品画像をスワイプできれば、お客様の利便性が向上します。カラーミーショップの商品詳細ページにある画像をbxSliderに置き換えることで実装できます。デモあり。

カートボタンにカーソルを当てると、カートの中身が見られると便利です。決済ページに移動することなく、手軽に素早く表示できます。クイックカートイン機能と相性がよさそうです。

リスト項目が見えない、マウス操作に気をつかうなど、使い勝手はよくありませんが、たまに多階層ドロップダウンメニューの設置依頼があります。比較的よさそうなのを検討しました。

更新の可能性がある場合や固定的な定型文を多くのページに埋め込む必要がある場合は、フリーページを使って書いて、カラーミーショップのテンプレート内に埋め込む方法があります。

スマホで閲覧時のお問い合わせページは、他のSSL対応ページと見比べてデザインの統一感がありません。わりと放置されがちですが、CSSでスタイルを入れてきれいに整えます。デモあり。

おすすめ商品やランキングなどで、画像の高さや文字数が原因でレイアウトが崩れることがあります。カラーミーではjQueryを使って横並びの要素の高さをそろえています。

左サイドメニューのカテゴリーリストの左に画像を表示させた場合。使っているテンプレートの作り込みによって、表示される・されないがあります。独自タグを調べてCSSで調整します。

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