Impulseのテーマでコレクションページに「カートに追加」「数量セレクター」を設置したい

Topic summary

Impulseテーマ(v7.3.4)のコレクションページに「カートに追加」ボタンと「数量セレクター」を実装しようとしているが、2つの問題が発生している:

実現したい機能:

  • コレクションページ上でカートに追加できるボタンの設置
  • カートページに遷移せず、その場で商品追加
  • product-grid-item.liquidへのコード追記

現在の問題点:

  • 数量セレクターが正常に動作しない
  • 「カートに追加」ボタンを押すとカートページに遷移してしまう

試した対応:

  • 商品詳細ページのボタンコードを参考にコレクションページへ実装
  • 表示の見た目は調整できたが、機能面がうまく動作していない

投稿にはコードスニペット(一部文字化けあり)が含まれており、数量入力フォームとラベルの実装を試みた形跡がある。

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

コレクションページに「カートに追加」ボタン、「数量セレクター」を設置したいです。

使用テーマ:Impulse 7.3.4

やりたいこと

・コレクションページにボタンを設置

・コレクションページ上で「カートに追加」を押すと、カートページに遷移せずその場で商品が追加される。

・「product-grid-item.liquid」に「カートに追加」「数量セレクター」のコードを追記したい

現在、できていないこと

・数量セレクターがうまく動かない

・コレクションページで「カートに追加」を押すとカートページに遷移してしまう。

試したこと

・商品詳細ページに設置されているボタンを参考にコレクションページに設置してみた。

{%- render ‘product-form’,form_id: form_id,product: product,current_variant: current_variant -%}

{% assign qty_id = section_id | append: product.id %}
{{ ‘products.product.quantity’ | t }}
{%- render ‘quantity-input’, form_id: form_id, id: qty_id, qty: 1, min: 1 -%}

表示の見た目は調整できたが、機能面がうまくいかなかった。