Link add to cart button to a product outside of the product page

Store Design
1

I’m trying to create a “wishlist” using a customer metafield that stores a list of items.

I was curious if there is a way OUTSIDE of the product page to link the add to cart button to the product being rendered?

{% for detergent in customer.metafields.custom.product_lists_2.value %}
  
  

  
    ## {{ detergent.title }}
    {{detergent.price | money}}

   
  

  
   
{% endfor %}
2

Hi @mitchelldirt ,

What theme are you using?

Please send your site and if your site is password protected, please send me the password. I will check it.

3

I was actually able to get this all figured out :slightly_smiling_face:

Just created a form with a hidden input for the variant, quantity, and the add to cart button.

Made sure to prevent the default event on add to cart and refresh the window so the cart updates.

Thank you for offering to help! :slightly_smiling_face:

4

Hmm.. you probably don’t need to edit liquid file if you simply just want to add item to cart via permalink.

I’ve summaries all cart permalink use cases here:

https://community.shopify.com/c/shopify-design/cart-use-permalinks-to-pre-load-the-cart/m-p/1038264/highlight/true#M262753

Hope it helps!

Richard