FROM CACHE - jp_header

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

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

a-corns
訪問者
1 0 0

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

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

 

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

3件の返信3

Qcoltd
Shopify Partner
1084 442 438

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

 

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

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

 

設定方法

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/
TrustKikaku
訪問者
1 0 0

この度はお世話になります。

質問したものではないのですが、こちらを利用し購入制限をかけた者です。

貴社の通りにコードを編集し、1個しか購入できない設定にしたのですが、全商品に1個という購入制限がかかってしまいました。

こちらを一部商品に対して1個という購入制限はできますでしょうか?

よろしくお願いいたします。

Qcoltd
Shopify Partner
1084 442 438

@TrustKikaku 

前述していた下記コードについてですが、{% else %}5{% endif %}の部分が{% else %}1{% endif %}となっていたりしませんでしょうか。

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

{% else %}1{% endif %}なっていると場合は共通で1個の数量制限となってしましますので、お気をつけください。

 

また、ご質問者の方と同じテーマをお使いでしょうか?

ご使用のバージョンによりコードが異なる場合がありますでの、記載したコードではうまく動かない可能性もございます。

 

ご参考まで。

(キュー小坂)

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