shopify-attrattribute
attribute
Use the shopify-attr attribute to bind an attribute to data from Shopify. Anywhere within the template of a shopify-context component, you can use the shopify-attr--attribute-name attribute to bind an attribute to data from Shopify. For example, can be used to bind the href attribute to the field on a product context.
See the playground for more complete examples.
Was this section helpful?
Example
HTML
<shopify-store
store-domain="https://your-store.myshopify.com"
country="CA"
language="FR"
>
</shopify-store>
<shopify-context
type="product"
handle="your-product-handle"
>
<template>
<!-- the href attribute is bound to the
product.onlineStoreUrl field -->
<a shopify-attr--href="product.onlineStoreUrl">
View product
</a>
</template>
</shopify-context>