Liquid、JavaScriptなどに関する質問
初心者です。テーマはDawnです。購入までのステップを少なくするために、トップページに特集コレクションというセクションを追加し、あらかじめ作った全商品を商品一覧で表示するようにしました。「クイック追加」ボタンを有効にするという項目にチェックを入れて購入ボタンは表示できるのですが数量セレクタがありません。
数量セレクタを追加する方法はないでしょうか?
解決済! ベストソリューションを見る。
成功
しょっぱいマンさま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
クイック追加で数量も編集できると便利ですよね。
一例ですが、下記のコードをクイック追加の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ボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
成功
しょっぱいマンさま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
クイック追加で数量も編集できると便利ですよね。
一例ですが、下記のコードをクイック追加の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ボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
フルバランス 渡邉さま
いつもお世話になっております。
素晴らしい!やりたかったことが実現できました!
いつもわかりやすい説明ありがとうございます。
ベストアンサーとさせていただきました。
ユーザー | ランク |
---|---|
46 | |
30 | |
22 | |
4 | |
3 |
山田繊維株式会社(むす美)は京都の地で風呂敷製造卸売業:山田貫七商店として昭和12年に創業。メイン商材は1000年以上前から使われているという記録がある風呂敷で、その他ハンカチや袱...
By Nanami Jan 12, 2023過去に失われた売り上げを回復するには?Shopifyの新しい自動化機能を活用し、失われた売り上げを簡単に回復する方法を学びましょう!
By Mirai Jan 10, 2023オンラインストアの構築が完了しましたら、一般公開をする前にいくつかのテスト注文を行い、チェックアウトプロセスを確認することが大事です。Shopifyペイメントをご利用いただいている...
By rinaflora Dec 4, 2022