インスタ画像をカラーミーに埋め込む

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

お問い合わせページを整える

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

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

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

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

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

再入荷お知らせメール機能は、商品が在庫切れの際に、お客様にメール登録していただいて、再入荷時にご連絡する仕組みです。後付けで簡単に導入できる仕組みを考えました。

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

トップページや商品一覧ページに表示される商品リストに、どこでもカラーミーを使ってカートボタンを設置する方法です。商品詳細ページに移動することなく、このページでカートに入れられます。

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