How to add "Add to Cart" Buttons to "SHOP THE LOOK" grids - Udesly 3.0 - Webflow to Shopify Theme

[@tompoynor1189]

Legend!

[@hannesmue5054]

is it possible to create a meta field so that I can show on the product card whether the product is on sale or not?

[@AdrenalinDigital]

Awesome tutorial, life saver. Quick question: I am doing something similar than you except I am looping through the product variants (to display all the variants as individual products), I got everything working and looking nice, however, when I click on the add to cart button of, let's say, variant 2 (i.e the "second product" in the list), it adds the default variant to the cart, which is variant 1, and not variant 2 (the one that I clicked on)?

[@AlternatePro]

Hi you will need to review the code but the button most likely has a some code selecting the first available variant.. you will need to adjust the code to pull in the current variant. Little bit technical let me know if you need help.

[@Rathulion]

Once again really helpful tutorial! How would you create an add to cart that adds products from the shop the look grid to your cart all at once? Also, how does this work with the new product-metafield:products now that there's no liquid:for anymore?

[@AlternatePro]

Hi there.. funny that I did a video on this. How to add "Add to Cart" Buttons to "SHOP THE LOOK" grids - Udesly 3.0 - Webflow to Shopify Theme kzbin.info/www/bejne/jV64g4Fuqs57mK8 Hope it helps and the liquid:for custom attribute is still there for when you need it but the new metafield attributes are a bit of a shortcut. Hope that answers your question