商品ページにカラーピッカーを設置してユーザーが色を選べるようにしたい

[tatsu]

お世話になっております。

商品ページに上記画像のようなカラーパレットを設置し、

・お客様に色を選んでいただく。

・カートに追加すると選んだ色のカラーコードの情報がカートに渡される

といった実装は可能でしょうか？

色々と調べたのですが、あまり該当する情報が見つからず途方にくれております。

お力を貸していただけると幸いです。

どうぞよろしくお願いいたします。

[Jizo_Inagaki · Accepted solution]

ブラウザごとに実装されている機能を用いるのであれば以下あたりを参考に type="color" を使うことで実現できると思います。

https://developer.mozilla.org/ja/docs/Web/HTML/Element/input/color

https://note.com/tech_malin/n/nc25382597fa7

より高機能な方が良い場合はGoogleなどでJavaScriptのライブラリを調べれば概ね対応できるのではと思います。

以上ですがHTMLやliquidやJSの読み書きができない場合は、学ばれるかエキスパートやパートナーに依頼されることをお勧めします。

[tatsu]

回答いただきありがとうございます！

いただいた参考記事をもとに一度試してみます！