FROM CACHE - jp_header

アプリを使わずに購入個数制限をかけたい

アプリを使わずに購入個数制限をかけたい

a-corns
訪問者
1 0 0

ほとんどの商品が受注生産品のため、商品ごと(又は全ての商品)に購入個数の制限をかけたいです。

例)カートの数量セレクターの数値が「3」に達したら+キーが動かないようにする。

 

初心者です。コードの編集方法、編集場所などご教示いただけますと幸いです。テーマは「Refresh」です。

1件の返信1

Qcoltd
Shopify Partner
1059 435 427

ご質問いただいている購入数の制限の件ですが、ご質問内容より商品にオプション(バリエーション)があるかどうか不明ですので、商品はオプションが無い前提で返答させていただきます。

 

下記設定で、商品に購入数を設定した場合は商品の購入数を優先、入力されていない場合は共通の購入数に制限することが可能となります。

オプションが存在する場合は、動かない場合もありますのでご了承ください。

 

設定方法

1.管理画面左下の設定をクリック。

2.カスタムデータをクリック。

3.商品をクリック。

4.『定義を追加する』ボタンをクリック。

5.商品のメタフィールドを設定。

 タイプは『整数』を選択

Qcoltd_0-1680692489814.png

※ネームスペースとキーは『custom.order_limit』としていますが、任意に変更ください。

 ネームスペースとキーを変更した場合は、下記8,9の『custom.order_limit』部分を変更した名前に変更してください。

 

6.管理画面 > オンラインストア『・・・』をクリックし、『コードを編集』を選択。

 

7.左上の検索窓に『main-product.liquid』『cart-drawer.liquid』『main-cart-items.liquid』と入力しファイルを検索し、それぞれファイルを開く。

 『cart-drawer.liquid』はスニペット側のファイルを開いてください。

 

8.main-product.liquid内で『min="1"』を検索し、次の行に下記を挿入。

※『{% else %}5{% endif %}』の『5』部分が共通の購入制限数となりますので、任意の数字に変更してください。

max="{% if product.metafields.custom.order_limit.value %}{{ product.metafields.custom.order_limit.value }}{% else %}5{% endif %}"

 

Qcoltd_1-1680692490033.png

 

 

9.cart-drawer.liquid、main-cart-items.liquid内で『min="0"』を検索し、次の行に下記を挿入。

※『{% else %}5{% endif %}』の『5』部分が共通の購入制限数となりますので、前項で入力した数字と同じ数字に変更してください。

max="{% if item.product.metafields.custom.order_limit.value %}{{ item.product.metafields.custom.order_limit.value }}{% else %}5{% endif %}"

※挿入するコードは前項と微妙に異なっていますのでお気をつけください。

 

cart-drawer.liquid

Qcoltd_2-1680692490089.png

 

main-cart-items.liquid

Qcoltd_3-1680692490318.png

 

10.商品管理よりメタフィールドに購入数制限をする商品を選択。

Qcoltd_4-1680692489380.png

 



ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/