特集コレクションに数量セレクタを設置したい【Dawn】

[しょっぱいマン]

初心者です。テーマはDawnです。購入までのステップを少なくするために、トップページに特集コレクションというセクションを追加し、あらかじめ作った全商品を商品一覧で表示するようにしました。「クイック追加」ボタンを有効にするという項目にチェックを入れて購入ボタンは表示できるのですが数量セレクタがありません。

数量セレクタを追加する方法はないでしょうか？

[株式会社フルバランス · Accepted solution]

しょっぱいマンさま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

クイック追加で数量も編集できると便利ですよね。

一例ですが、下記のコードをクイック追加のform内(card-product.liquidの149行目あたりから)に追加するとセレクタが表示されるかと存じます。

<quantity-input class="quantity">
   <button class="quantity__button no-js-hidden" name="minus" type="button">
     <span class="visually-hidden">{{ 'products.product.quantity.decrease' | t: product: product.title | escape }}</span>
      {% render 'icon-minus' %}
    </button>
    <input class="quantity__input"
            type="number"
            name="quantity"
            id="Quantity-{{ section.id }}"
            min="1"
            value="1"
            form="{{ product_form_id }}">
    <button class="quantity__button no-js-hidden" name="plus" type="button">
    <span class="visually-hidden">{{ 'products.product.quantity.increase' | t: product: product.title | escape }}</span>
   {% render 'icon-plus' %}
  </button>
</quantity-input>

例えば以下に追加すると、

下記のように表示されます。

ご参考になりましたでしょうか。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス　渡邉

[しょっぱいマン]

フルバランス　渡邉さま

いつもお世話になっております。

素晴らしい！やりたかったことが実現できました！

いつもわかりやすい説明ありがとうございます。

ベストアンサーとさせていただきました。