詳しくありがとうございます。
自力でできたのですが、後から読んでも参考になりました。
また何かあったら相談させてください。
Topic summary
商品詳細ページにデフォルト以外の場所へ価格表示を追加したが、SKU（バリエーション）変更時に価格が自動更新されない問題が発生。
技術的な原因：
- Dawnテーマでは、バリエーション変更による価格更新はJavaScriptの
VariantSelects内のrenderProductInfo関数で処理される - 価格情報はID（
price-${this.dataset.section}形式）で取得・更新されるため、同じIDが複数存在すると最初の1つしか更新されない
解決方法：
- 追加した価格表示要素をclassで取得できるよう、HTMLとJavaScriptを修正
- 複数の要素を繰り返し処理で更新するロジックに変更
- IDではなくclassベースで価格情報を取得・更新する実装が必要
質問者は自力で解決できたと報告し、クローズ。
1 Like