商品ページについて

Topic summary

商品ページでブラックの各サイズを選ぶと「商品を追加する」ボタンが無効化される問題。グレーでは正常、在庫・SKU設定は全サイズ問題なし。リンク先の商品ページが提示されました。

調査結果:media-gallery.jsでJavaScriptエラーを確認。activeThumbnail(選択中サムネイル)が取得できず、処理が止まっていることが原因と指摘。スクリーンショットでコンソールエラーと該当コードが提示されています。

提案された修正:36行目のactiveThumbnail.parentElementをactiveThumbnail?.parentElement(オプショナルチェイニング:対象が未定義でも安全にプロパティ参照するJS構文)へ変更。

作業手順(Dawnテーマ想定):

  • 管理画面>オンラインストア>テーマを開く
  • 該当テーマで「コード編集」を選択
  • Assets内のmedia-gallery.jsを開き、36行目を上記のコードへ修正

進捗・結論:修正方法の具体手順が共有された段階。質問者の適用・動作確認は未報告で、解決は未確定。未解決の可能性があり、継続中。

Summarized with AI on February 2. AI used: gpt-5.

お世話になっております。
ブラックの号数を他サイズに選択すると「商品を追加する」ボタンが薄くなって
購入することができません。
在庫は全サイズあり、設定画面でのSKU番号、在庫数も問題ありません。
また、グレー色は連動しているので問題なく「商品を追加する」選択できました。

解決策をお願い致します。
何卒宜しくお願い致します。

https://amian.jp/products/%E3%82%A2%E3%83%9F%E3%82%A2%E3%83%B3%E3%83%8F%E3%82%A6%E3%82%B9-%E3%83%95%E3%82%A9%E3%83%83%E3%82%AF%E3%82%B9%E3%83%95%E3%82%A1%E3%83%BC%E4%BB%98%E3%81%8D-%E3%83%80%E3%82%A6%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%88?_pos=2&_sid=d642846ca&_ss=r

Nobi3110 様

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

フルバランスの道家と申します。

質問者様のストアを確認したところ、media-garelly.jsでエラーが発生しておりました。

こちらアプリによるJSファイルでしょうか。

コードを見ると、activeThumbnailが取れていないため、エラーが発生しているようなので、コード編集可能であれば36行目をactiveThumbnail.parentElement → activeThumbnail?.parentElementに変更してお試しいただければと思います。

なにかヒントになれば幸いです。

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

フルバランス 道家

フルバランス 道家様

早速の解決策をご連絡いただき有難うございます。

ご教授いただいたコード編集は具体的にどのようにすれば宜しいでしょうか?
大変お手数をお掛けしますがよろしくお願いします。

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

テーマがわからず恐縮ですが、Dawn前提で以下のとおり、ご対応いただければと思います。

  1. 管理画面のオンラインストアのテーマをクリック

  2. 該当テーマのコード編集をクリック

  3. アセットファイル内にあるmedia-gallery.jsの36行目を編集