カートに追加ボタンを押した際にヘッダーのカート内の商品数の表示を動的にしたい。

AI-generated summary

ヘッダーに「カート内の商品数」を表示しているが、現状は「カートに追加」ボタン押下後にページ更新しないと件数が反映されない問題が報告されている。

希望していること:

  • 「カートに追加」後、ヘッダーのカート件数表示を動的(リアルタイム)に更新したい。

状況・前提:

  • 画像で現在の表示イメージが共有されている(ヘッダーに件数表示)。
  • テーマは「Mr.Parker」を使用。
  • 投稿者はカスタマイズ(コード修正)が必要と考えているが、実装方法が分からず具体的な手順の助言を求めている。

結論:

  • まだ解決策や具体的な実装案は提示されておらず、相談段階で議論は未解決。

以下の画像のようなイメージでカート内の商品数をヘッダーで表示させています。

ただし現状だとカートに追加ボタンを押した後に更新を行わないと変更が反映されない状況です。

スクリーンショット 2021-12-03 12.06.26.png

コードをカスタマイズする必要があると思っているのですが自分はあまりその辺りに詳しくないため、実装の仕方をご教授いただければと思っております。

よろしくお願いします。

テーマはMr.Parkerを使用しています。