Discussion Shopify

How do I access Metafields in a .js file for my custom section?

2 weeks ago 103 views 3 replies

Been struggling with this for a bit. Any suggestions?

Question: How do I access Metafields in a .js file for my custom section?

#checkout #performance #apps

2 Replies

Jake Project · 2 weeks ago

Assign the metafield to a JavaScript variable inside a `<script>` tag in your liquid section file: `const metaValue = {{ product.metafields.custom.data | json }};`.

Robert Hosting · 2 weeks ago

You can't access Liquid objects directly in a .js asset file.

You must be logged in to reply.

About the Author

Tom Security

Threads

Replies

Rep

Related Discussions

Liquid Error: 'Memory limits exceeded' in collection.liquid loop. How to optimize?

3 replies 1 week ago

How do I access Metafields in a .js file for my custom section?

2 Replies

About the Author

Related Discussions

Liquid Error: 'Memory limits exceeded' in collection.liquid loop. How to optimize?

Why is 'img_url' filter deprecation warning showing up in my theme editor?

How to filter a collection by tag using URL parameters without an app?

How to show different content for logged-in customers vs guests?

Implementing 'Add to Cart' via AJAX. Getting 422 Unprocessable Entity.

Quick Actions