Shopify Product Lister

A plugin that allows users to search and select Shopify products - updated to support latest Shopify changes

This is a Community Plugin! Learn how create your own plugin, or copy and remix existing ones in our documentation

DatoCMS Shopify product plugin

A plugin that allows users to search and select Shopify products, using the latest version of Shopify's GraphQL endpoint.

Based on the following project: <https://github.com/datocms/plugins/tree/master/shopify-product#readme>

Configuration

Please specify your Shopify domain and Storefront access token on the plugin global settings:

Demo

You can either hook this plugin manually to your single-line fields, or specifying an automatic match rule based on the API key.

Demo

If you wish to use the field while generating models/blocks in the JavaScript SDK, you can use the following setup:

1
await client.fields.create('ITEM_TYPE_OR_ITEM_TYPE_ID', {
2
    label: 'Shopify Product SKU',
3
    api_key: 'sku',
4
    field_type: 'string',
5
    appearance: {
6
      addons: [],
7
      editor: 'PLUGIN_ID_FROM_SETTINGS',
8
      parameters: {},
9
      field_extension: 'shopifyProductLister',
10
    },
11
    validators: {
12
      required: {},
13
      unique: {},
14
    },
15
  });

Obtain a Shopify API key

To request a Storefront API access token follow these instructions.

Remember to give products read permissions. Demo