@krishtechnolabs/commercetools-strapi-connector

1.0.5 • Public • Published

Strapi Commercetools Connector

This package provides a custom field for Commercetools in Strapi, that allows content editors to List Products and Category through the Content-Type Builder of Strapi

🏖️ Features

  • List Products: Select Products that needs to be included in the API Data.
  • Select Category: Select the category, Category ID will be included in the API Response.
  • List Category Specific Products: Category Specific Products can be also be displayed.

🚀 Installation

Step 1: Install the Package

npm i @krishtechnolabs/commercetools-strapi-connector

Step 2: Inside Strapi's .env file, Add the commercetools credentials in the below format

CT_PROJECT_KEY=<Commercetools_Project_Key>
CT_CLIENT_ID=<Commercetools_Client_Id>
CT_CLIENT_SECRET=<Commercetools_Client_Secret>
CT_SCOPE=<Commercetools_Scope>
CT_REGION=<Commercetools_Region>
CT_DEFAULT_LOCALE=en-US
CT_CDN_URL=cdn

Step 3: Update the Strapi's config/plugin.js file with the below code

commercetools: {
    enabled: true,
  },

The Updated config/plugin.js must look like

export default {
  // Other Packages here...

  commercetools: {
    enabled: true,
  },
};

Step 4: Start the Strapi App

yarn develop

🏋️ Getting Started

Step 1: Log in to Starpi CMS

Step 2: Head on to Content-Type Builder

Step 3: Click on Add another field alt text

Step 4: Click on Custom alt text

Step 5: Here You can see the Products and the Category Components here alt text

Step 6: For this example click on Product grid alt text

Step 7: The Product grid has two main options alt text

Note: For the above options to work, Please make sure you have a Commercetools Category Component present at the same level of this Product Component

  • Option 1: Enable Display category specific products? if you want to display the products of any particular category.
  • Option 2: In the Enter the name of category field present at the same level Enter the name of the category component which is present at the same level.

✨ Other UIs

  • Product Component

alt text

  • Product List

alt text

  • Selected Product List

alt text


Developed By Krish Technolabs

Developers

  • Saurabh Shukla
  • Midhun Nair
  • Rachit Patel
  • Nishtha Acharya
  • Gaurav Jethva

Package Sidebar

Install

npm i @krishtechnolabs/commercetools-strapi-connector

Weekly Downloads

1

Version

1.0.5

License

MIT

Unpacked Size

238 kB

Total Files

58

Last publish

Collaborators

  • midhun.nair
  • saurabhkrish