『MISEル』ユーザーマニュアル/商品バリエーションをカラーサークルで表示

商品バリエーションをカラーサークルで表示

2022/10/25 1:132024/9/24 7:03

商品のバリエーションをカラーサークルで表示したいとき

商品のオプション名をチェック

オプションの名前を覚えておく。

商品のバリエーション名がCSSカラー名になっているか。

CSSカラー名になっている必要がある(英語)

CSS カラーはこちら

CSSのカラーネーム

aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue blueviolet brown burlywood cadetblue charteuse chocolate coral cornflowerblue cornsilk crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkkhaki darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darksea

https://onyxtan-nl.myshopify.com/pages/css-color-name

テーマのカスタマイズでオプション名をいれる

💡

テーマカスタマイズ > テーマ設定 > 商品>バリエーション

先程控えたサークルカラーにしたいオプション名を入れる。

CSSカラー名を使用せずカラーサークルや画像などで表示したい場合

CSSカラー名を使用せずカラーサークルや画像などで表示したい場合は、｢商品バリエーション｣機能で個別に設定する必要があります。

こちらのビデオをご参考にしてください。

『MISEル』ユーザーマニュアル/商品バリエーションをカラーサークルで表示