タッチ操作できる商品詳細ページを作る

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

カラーミーテンプレート01. Favorite

naeco.jpオリジナル制作の既製テンプレート。スマホ重視、お気に入り機能の実装、ストーリーをたくさん書いてもらえるセクションを用意しています。

カラーミーショップには標準でレビュー機能があります。わりとあっさりとしたレビュー表示をしたい場合は、今回のレビューの星表示を検討されてはいかがでしょうか。

SnapWidgetでインスタ画像を表示しているショップも多いと思います。無料プランでは広告表示が気になりますし、レイアウトにこだわりたい場合は別の選択肢があればなと思って作りました。

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

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

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

タイトル行、画像・キャプション、要素の横並び、レスポンシブ対応、文字飾りなどを行います。HTML・CSSでレイアウトを行って、「商品説明」欄に入れるコードを一つ作ります。

他サイトの情報をカラーミーショップ上で表示したいことがあります。ここではRSSフィードから必要情報を取得・送信する方法について紹介します。ブログなどのお知らせが連携できます。

カラーミーショップにはスライドショー機能があり、デフォルトでは、jQueryプラグイン「bxSlider」というスライドショー機能が使えます。設置場所や表示サイズなどを調整します。