Skip to main content

Create schemas

Now let's transform that data and create the output we need for our frontend.

PIM categories​

First, create a schema named Pim Category:

/** @type {Enterspeed.FullSchema} */
export default {
  triggers: function(context) {
    context.triggers('productListDemoPIM', ['PimCategory'])
  },
  actions: function (sourceEntity, context) {
    context.reprocess('productCategories')
              .bySchema()
              .sourceGroup('productListDemoCMS')
  },
  properties: function ({properties: p}, context) {
    return {
      image: p.image,
      title: p.title,
      lead: p.lead,
      button: p.button
    }
  }
}

This will hold the data model for our category coming from the PIM, creating a view for each individual category.

Product Categories​

Finally, we need a Product Categories schema.

/** @type {Enterspeed.FullSchema} */
export default {
  triggers: function(context) {
    context.triggers('productListDemoCMS', ['ProductList'])
  },
  routes: function (sourceEntity, context) {
    context.url(sourceEntity.url)
  },
  properties: function ({properties: p}, context) {
    return {
      headline: p.headline,
      lead: p.lead,
      categories: context.reference('pimCategory')
                            .filter("type eq 'PimCategory'")
                            .sourceGroup('productListDemoPIM')
                            .limit(4)
    }
  }
}

This schema holds the data model for our CMS data (headline and lead) and looks up the PIM.

Deploy and test output​

Now we are ready to deploy the schemas and make sure the output, is as expected.

Click on the "Deploy changes"-button in the top right corner. Choose your environment and click on the "Deploy 3 changes"-button. Deploy changes

Once the changes have been deployed, you will be able to view them under Generated Views.

Generated views