カラーミーショップの無料テンプレートは、レスポンシブ対応していないことも多く、必要な機能もたりていないことが多いです。今回はカラーミーキットをベースに、わりとおしゃれな無料テンプレートを制作しました。登録不要で無料配布しています。

カラーミーショップをカスタマイズするために必要なJavaScript・jQueryのとりとめもない豆知識をメモる備忘録です。独学でやっていると案外知らない便利な知識ばかりです。カラーミーショップをある程度自分でいじれる方向け（難易度やや高め）。

カラーミーショップで一番人気のテンプレートはMODE（有料）です。今回はMODEテンプレートでよくご依頼のあるカスタマイズについて紹介します。横幅、スライダー、サイドバー、商品の横並び数を変える、など。ちょっと難易度高め。

ご自身で有料テンプレートを入れてカスタマイズしたり、 ご自身でショップ制作される方向けの内容になっています（難易度すこし高め）。カラーミーショップで実際にあるデザインや機能から参考になる知識をまとめました。

ショップの第一印象に大きな影響を与えるファーストビュー。カラーミーショップにもスライドショー機能（スライダー）を設置できる機能があります。設置や有用な使い方をまとめました。商品画像に使うとスワイプできて便利！

Googleが発表したモバイルファーストインデックス（MFI）の方針もあり、サイトのレスポンシブ対応がますます重要な流れです。今回はレスポンシブ対応とはなにか、カラーミーキットの中をみながら学びます。

カラーミーショップでは古めの無料テンプレートでレスポンシブ未対応なものがあります。人気の無料テンプレート Organic（オーガニック）をレスポンシブ対応するための修正箇所を記事しました。スマホ対応の参考にどうぞ。