注文する時、まとめ単位で数量を増減させるように設定したい（まとめ売り用）

[C2KEI]

商品詳細ページとカートページの数量セレクター部分に関してお問い合わせです。

注文数量は１，２，３…など1個単位で増減するようになっていますが、
商品により決めた数量で、まとめ売りしたいです。

下記のように、商品別のまとめ単位で数量を増減させるように設定したいですが、可能でしょうか。

例）
商品A：3個単位で販売　→　注文数量は3，6，9・・・など3個単位で注文
商品B：5個単位で販売　→　注文数量は５，10，15・・・など5個単位で注文
商品C：10個単位で販売　→　注文数量は10，20，30・・・など10個単位で注文

テーマは Dawn です。

宜しくお願い致します。

[Jizo_Inagaki]

興味があったので少し試したところ、以下のようにすれば簡易的な対応はできるかなと思いました。

[前提]

• 商品に販売単位用のメタフィールドを作成し、数を入力する

[方法]

• main-product.liquid内の数量セレクタ(おそらくquantity__inputのクラスが付与されている)に、stepを追加し、minとvalueを0に変更する
• stepには商品のメタフィールドから取得した販売単位を設定

[例]

<input class="quantity__input"
  type="number"
  name="quantity"
  id="Quantity-{{ section.id }}"
  min="0"
  value="0"
  step="{{ product.metafields.custom.unit }}"
  form="{{ product_form_id }}"
>

以下留意点です。

• メタフィールドのnamespaceとkeyは適当なので、適宜変更が必要です。
• 実際には該当メタフィールドの初期値設定や値の有無による設定変更などの処理が必要になると思います。
• バリエーションを考慮していません。
• 記載した例は商品詳細のみなので、カートページでも同様にstepなどを設定する必要があります。
• 開発者ツールで制限を突破できるため、あくまで簡易的な対策です。

参考:
https://developer.mozilla.org/ja/docs/Web/HTML/Element/input/number#step

以上ですが、liquidがよくわからない場合はパートナーやエキスパートに依頼されることをお勧めします。

または、他の方の回答を待たれることをお勧めします。

[C2KEI]

Jizo_Inagaki様、

お返事ありがとうございます。

liquidやメタフィールドはよく分かりませんが、
勉強しながら教えて頂いた内容でトライしてみます！

今後ともよろしくお願い致します😄