shopify-attr

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, shopify-attr--href="product.onlineStoreUrl" can be used to bind the href attribute to the onlineStoreUrl field on a product context.

See the playground for more complete examples.

Examples

HTML

<shopify-store

store-domain="https://your-store.myshopify.com"

country="CA"

language="FR"

</shopify-store>

<shopify-context

type="product"

handle="your-product-handle"

<!-- the href attribute is bound to the

product.onlineStoreUrl field -->

View product

</a>

</template>

</shopify-context>

Examples

Description

This is the default 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>

Was this page helpful?