BuyButtonで購入制限をかける方法

shumaikuro
遊覧客
14 1 1

購入ボタン使用時に購入制限をかけたいのですが,解決できず困ってます。

 

buy button SDKをローカルに落として編集し,自作のWebページに編集したSDK入れてscriptURLに読み込ませることで検証しています。

 

<input class="{{data.classes.product.quantityInput}}" type="number" min="0" max="1" aria-label="Quantity" value="{{data.selectedQuantity}}" data-element="product.quantityInput">

 

SDKの上記の箇所 をmax=1とすれば,購入制限できると思って試しましたが,反映されません。

他の項目は編集すれば反映されます。

 

他にも

 

options: {
     contents: {
     quantity: true,
     },
    templates: {
      quantity: '<div class="{{data.classes.lineItem.quantity}}" data-element="lineItem.quantity">' +
       '<button class="{{data.classes.lineItem.quantityButton}}      {{data.classes.lineItem.quantityDecrement}}" type="button" data-line-item-id="{{data.id}}" data-     element="lineItem.quantityDecrement">' +
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4 7h8v2H4z"/></svg><span class="visuallyhidden">{{data.text.quantityDecrementAccessibilityLabel}}</span>' +
'</button>' +
'<input class="{{data.classes.lineItem.quantityInput}}" type="text" min="0" max="1" aria-label="{{data.text.quantityInputAccessibilityLabel}}" data-line-item-id="{{data.id}}" value="{{data.quantity}}" data-element="lineItem.quantityInput">' +
'<button class="{{data.classes.lineItem.quantityButton}} {{data.classes.lineItem.quantityIncrement}}" type="button" data-line-item-id="{{data.id}}" data-element="lineItem.quantityIncrement">' +
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12 7H9V4H7v3H4v2h3v3h2V9h3z"/></svg><span class="visuallyhidden">{{data.text.quantityIncrementAccessibilityLabel}}</span>' +
'</button>' +
'</div>'
    },
}

 

のようにscriptに直接書き込んでみましたが反映されません。

 

buy button SDKの該当箇所を反映させる方法はありますでしょうか?

 

0 件の「いいね!」

試してみましたが、同じページで「カートに追加する」場合は、数量変更出来てしまいますね。

チェックアウトに移動する」であれば、カートを経由しないので、数量変更出来ないですが、
こちらの方法ではどうでしょうか。

スクリーンショット 2020-11-30 15.01.04.png

shumaikuro
遊覧客
14 1 1

回答ありがとうございます。

 

「チェックアウトに移動する」が購入数制限の機能に近いので暫定的に利用しています。

ただし,商品が複数ある場合だとまとめて購入ができないので,ユーザー側は不便に感じてしまいます。

そこで,カートの数量タブの最大値を制御できれば良いなと考えて調査していました。

0 件の「いいね!」