CODEWITHSUNDEEP
buttonshopifye-commerceproductliquid
Davide Di Meo
Davide Di Meo

Reputation: 23

Shopify metafield product add to cart

I created a custom metafild in shopify to add a suggested product to the product page.

I have added the code to my product template and I am correctly displaying the suggested product.

I want to add the add to cart button for this suggested product so that the user can add the suggested product to the cart without entering the specific page.

 <div class = "groups-btn">
                     {% if current_variant.available%}
                      <input data-btn-addToCart type = "submit" name = "add" class = "btn" id = "product-add-to-cart" value = "add" data-form-id = "# add-to- cart-form ">
                     {% endif%}
                     </div>

With this code, however, I add the main product (the one on the page) to the cart, not the suggested product. How can I solve my problem? Thanks

Upvotes: 0

Views: 1399

Answers (2)

Ritesh Singh
Ritesh Singh

Reputation: 1

{% if current_variant.available%} {% endif%}

Upvotes: 0

David Lazar
David Lazar

Reputation: 11425

Adding products to the cart requires you to POST the ID of the variant and a quantity. Wire up the add to cart button for your secondary product to be an Ajax call and you're good to go.

Upvotes: 0

Related Questions