https://github.com/suhmantha1/contentful-ui-shopify

Integrate Shopify products with Contentful CMS
https://github.com/suhmantha1/contentful-ui-shopify

contentful contentful-js-sdk contentful-ui shopify

Last synced: 3 months ago
JSON representation

Integrate Shopify products with Contentful CMS

• Host: GitHub
• URL: https://github.com/suhmantha1/contentful-ui-shopify
• Owner: suhmantha1
• License: mit
• Created: 2017-12-11T16:32:07.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-04-20T17:35:56.000Z (over 6 years ago)
• Last Synced: 2024-10-01T03:24:06.897Z (3 months ago)
• Topics: contentful, contentful-js-sdk, contentful-ui, shopify
• Language: HTML
• Size: 613 KB
• Stars: 27
• Watchers: 2
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Contentful Shopify Product UI Extension

Add a custom UI field to Contentful that allows users to search and select Shopify products.

![figure](https://raw.githubusercontent.com/suhmantha1/contentful-ui-shopify/master/Shopify-Product-Demo.gif "Contentful Shopify Product UI Extension demo")

## Installation

```sh

git clone [email protected]:suhmantha1/contentful-ui-shopify.git

cd contentful-ui-shopify

npm install

```

### Configure

Create a configuration file with your credentials for Contentful.

```sh

cp env.example .env

```

Open `.env` in a editor of your liking and add your Contentful space ID, and management token. [Learn how to obtain a token](https://www.contentful.com/developers/docs/references/authentication/#getting-an-oauth-token).

Load environment variables

```sh

source .env

```

Add `Shopify` credentials in `index.html`. Replace `REPLACE_shopifyUrl` with your Shopify Url, which will be in the form `https://demo.myshopify.com/api/graphql`.

Then, replace `REPLACE_shopifyToken` with your Shopify token

### Create

```sh

npm run create

```

Create task will register the extension in your space on Contentful.

### Update

```sh

npm run update

```

Update task will upload the extension to your space on Contentful.

## Ready to Use

Shopify products are now available in your `content model`. Add a `JSON Object` field, and select `Shopify Products` in the `appearance` tab.

![figure](https://raw.githubusercontent.com/suhmantha1/contentful-ui-shopify/master/shopify-object.png "Contentful Shopify Product UI Extension json object")