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

[ヒロム]

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

使用テーマ：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 %}
　　<label for="Quantity-{{ qty_id }}">{{ 'products.product.quantity' | t }}</label>
　{%- render 'quantity-input', form_id: form_id, id: qty_id, qty: 1, min: 1 -%}

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