モリタ・クリエイト

Shopifyがオンラインストア2.0にアップデートして、最も嬉しかったのがメタフィールドの実装。 現在はまだ「商品」と「バリエーション」しか使えませんが、いずれは「コレクション」や「顧客」「注文」のメタフィールドも操作できるようになるようで、楽しみで仕方ありません。 今回は、タイトルにもあるようにそのメタフィールドを使って、商品ページの色選択を「カラースウォッチ（色見本）」にカスタマイズする方法をご紹介します。 「カラースウォッチ」に関しては、テーマに実装されている場合も多いのですが、Dawnをはじめとする無料テーマなど非実装のテーマに実装するにはアプリを使った方法が一般的です。 また、カラースウォッチが実装されているテーマを見てみると、カラー名から判別し「background-color: black;」のようにスタイルを定義する仕組みなのですが、日本語表記など判別できない色は自ら定義