バリエーションのプルダウンメニューに在庫切れの場合は打ち消し線を入れたい

商品のバリエーションを選択しないと、在庫切れか否かわからないので、
選択する時点でわかるよう、在庫切れのバリエーションに打消し線(もしくは「sold out」表記など)を入れたいです。
ご教示いただければと思います。

Liquid修正の基礎知識はお持ちでしょうか?

お持ちでない場合、Shopify Partnerに依頼をされるのが良いかと思います。

2 Likes

少しJavaScripthがわかる方であれば、一番簡単な方法としては、バリエーション選択のselectタグをブラウザのコンソールなどで突き止めて、ページの表示時にその要素のonchangeやonclickなどのイベントを発火させると表示が変わると思います。

1 Like