0
Momentan versuche ich Shopifys cart.js zu bekommen, um meine Produkte in den Warenkorb zu legen.Shopify - Cart.js legt kein Produkt in den Warenkorb
Früher funktionierte es perfekt, aber als ich Varianten hinzufügte, begann es zu brechen und für das Leben von mir kann ich es nicht zum Laufen bringen. Wenn Sie auf die Schaltfläche klicken, fügt das Produkt das Produkt überhaupt nicht hinzu.
<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>
Added Javascript
<script type="text/javascript">
jQuery(function() {
CartJS.init({{ cart | json }});
});
</script>
Console Fehler
shop_events_listener-91b4691 ... Js: 1 POST https://monah-uk.myshopify.com/cart/add.js 404 (nicht gefunden)
Es sieht aus, als gäbe es eine hartcodierte ID Variante versuchen, auf die Schaltfläche hinzugefügt werden, aber dies außerhalb der 'for' Schleife wird Bezug genommen, wo der' variant' Variable definiert ist. Das würde daten-cart-add auf eine leere Zeichenkette setzen. Wenn also Produkte in den Warenkorb gelangen sollen, würde nichts hinzugefügt werden. Ohne das Javascript ist das Betrachten des Formulars jedoch nur wildes Massenerraten - können Sie bitte auch die JavaScript-Funktion finden, die ausgeführt werden soll? Wenn in der Konsole Fehler in Bezug auf Produktergänzungen auftreten, würde dies ebenfalls hilfreich sein. –
Ich habe das Javascript, das in meiner theme.liquid-Datei ausgeführt wird, zur Frage hinzugefügt. – user3082823
Ah! Mit CartJS sieht es so aus, als ob Sie entweder das Focal- oder Kagami-Thema verwenden. –