どこでもカラーミーで売切れ時にSOLD OUT表示する

「どこでもカラーミー」はブログなどの外部サービスにカートボタンをかんたんに設置する機能です。どこでもカラーミーの仕様では、売切れ時に「カートに入れる」ボタンが消えてしまい、売切れか、なんなのか、表示上わかりづらいです。これが不便で、SOLD OUT表示したいことがあります。

カラーミーの商品データをShopifyへ移行する方法（実践編）

ネットショップ運営において、引越しや多店舗展開ということはよくある話です。老舗のカラーミーから最近人気のShopifyへ商品データ移行する方法をより実践的な解説を書きました。サンプルコードあり。

サブスクは昨今の流行りですが、カラーミーショップでも2019年から、追加機能を月額料金で販売する取り組みが始まっています。誰でも参入できるので、2021年現在では、幅広い機能がアプリ追加されています。アプリストアに登録されているカラーミーショップアプリからおすすめを紹介します。

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

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

カラーミー（Organicテンプレート）で使っているCloud Zoomを借りて、画像の拡大表示をしてみました。古いプラグインなので、スマホ対応（タッチパネル、レスポンシブ）できるように、コードを書いてみました。

カラーミーショップのカスタマイズをしていて、なかなか解決できない問題に遭遇することがあります。こういう「はまる」系の知識は一人でショップサイトを作っていると誰も教えてくれませんし、調べ方もよくわからなかったりします。ヒントをまとめました。

デベロッパーツールは Google Chrome に標準搭載されているウェブ制作の必須ツールです。ウェブ制作を仕事にしていない方はツールの存在を知らないことも案外多いので、デベロッパーツールの使い方について記事を書きました。

最近のネット利用率はスマホのほうが多いんだそうで、ネットショップもスマホ対応を考えていく必要があります。今回は商品詳細ページでスワイプ（画像送り）、ピンチアウト・ピンチイン（画像の拡大縮小）を付ける方法について紹介します。

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