商品のバリエーションを選択しないと、在庫切れか否かわからないので、
選択する時点でわかるよう、在庫切れのバリエーションに打消し線（もしくは「sold out」表記など）を入れたいです。
ご教示いただければと思います。
Topic summary
商品のバリエーション選択時に、在庫切れの項目へ打ち消し線や「sold out」表示を付け、選択前の段階で在庫状況を分かるようにしたい、という相談です。
回答では、実装にはLiquid（Shopifyのテンプレート言語）の修正知識が関わる可能性があり、知識がない場合はShopify Partnerへの依頼が現実的だと案内されています。
あわせて、簡易的な方法として、JavaScriptでバリエーション用のselectタグを特定し、ページ表示時にonchangeやonclickなどのイベントを発火させて表示を更新する案も示されました。
ただし、具体的なコード例や確定した実装手順までは提示されておらず、議論は解決済みではなく、実装方法の詳細が未整理のままです。
Liquid修正の基礎知識はお持ちでしょうか？
お持ちでない場合、Shopify Partnerに依頼をされるのが良いかと思います。
2 Likes
少しJavaScripthがわかる方であれば、一番簡単な方法としては、バリエーション選択のselectタグをブラウザのコンソールなどで突き止めて、ページの表示時にその要素のonchangeやonclickなどのイベントを発火させると表示が変わると思います。
1 Like