SAP Spartacus How to show the custom components which is inside section

Question

I have a section called "CustomTileSection" which is having some set of components (let's say 8 components but the number of components is not static and it is dynamic). I need to show the component in Spartacus. How can I get the data which is there for every component to iterate and show it in UI?

When you say components, do you mean CMS components? Or angular components? — tobi-or-not-tobi
When you say section, do you mean CMS pageSlot or a static html element? — tobi-or-not-tobi

Artem Zur Artem Zur · Accepted Answer · 2020-10-09T13:59:36

Each CMS Page Slot can contain dynamic amount of CMS Components, to show the slot with CMS Components inside you should:

Add the CMS Slot to the Page Template via Layout Config, for example (but if the Slot is custom):

LandingPage2Template: {
  slots: [
    'CustomSlot10',
  ],
},

More details here https://sap.github.io/spartacus-docs/page-layout/.

Map CMS Component to his Angular implementation via typeCode:

ConfigModule.withConfig({
  cmsComponents: {
    YourComponentTypeCode: {
      component: AngularComponent;
    }
  }
});

More here https://sap.github.io/spartacus-docs/customizing-cms-components/.

Then you can take CMS Component's by the CmsComponentData service from AngularComponent's constructor:

public constructor(
  public component: CmsComponentData<CmsYourComponent>
) {}

Additional details here https://sap.github.io/spartacus-docs/customizing-cms-components/#accessing-cms-data-in-cms-components.

Please note, that if all CMS Component have the same typeCode you need to map it only once, all another work Spartacus makes by self.

SAP Spartacus How to show the custom components which is inside section

1 Answers