FROM CACHE - jp_header

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

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

ヒロム
Shopify Partner
10 0 0

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

 

使用テーマ: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 -%}

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

0件の返信0