0
現在Shopifyのcart.jsを入手してカートに商品を追加しようとしています。Shopify - Cart.js商品をカートに追加しない
これは完璧に動作していましたが、バリエーションを追加したときに壊れ始めました。私の人生では、動作させることができません。ボタンをクリックすると、製品がバッグにまったく追加されません。
<form action="/cart/add" method="post" data-cart-submit>
{% if product.variants.size > 1 %}
<div class="w-form">
<div class="inpost-form-option w-clearfix">
<label class="inpost-form-label">{{ product.options.first }}</label>
<select id="variant-select" class="inpost-quantity w-select">
{% for variant in product.variants %}
{% if variant.available == true %}
<option value="{{ variant.id }}">{{ variant.title }}</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
{% endif %}
<button class="inpost-buy w-button" type="submit" data-cart-add="{{ variant.id }}">Add to Bag →</button>
</form>
追加のJavascript
<script type="text/javascript">
jQuery(function() {
CartJS.init({{ cart | json }});
});
</script>
コンソールエラー
shop_events_listener-91b4691 ...の.js：1 POST https://monah-uk.myshopify.com/cart/add.js 404（見つかりません）
ボタンへ追加することがしようとしているハードコーディングされたバリアントIDがありますように見えますが、これは、 'variant'変数が定義されている' for'ループの外で参照されています。それは空の文字列にデータカート追加を設定するので、それがどのようにして商品がカートに入るのかが決まれば、何も追加されません。しかし、javascriptがなければ、フォームを見ているだけで野生の推測です - あなたはまた実行するはずのjavascript関数を見つけることができますか？製品の追加に関するコンソールにエラーがある場合、それらを共有することも同様に役立ちます。 –
私のtheme.liquidファイルで実行されていたjavascriptを質問に追加しました。 – user3082823
ああ！ CartJSでは、あなたはFocalかKagamiテーマのどちらかを使っているようですね？ –