How to override/extend ProductGridItemComponent using an outlet in Spartacus?

Question

I got a case where I should override/extend that ProductGridItemComponent, in the electronics-spa base-site. Normally when overriding components in Spartacus one could add an outlet template like this:

<ng-template cxOutletRef="ProductGridItemComponent">
  My custom code here
</ng-template>

But this doesn't seem to have any effect. If I try to override the ProductListComponent is works but then I would have to copy a lot of code from the source code to make it behave and look as the provided code from Spartacus. Is it possible to override only the ProductGridItemComponent or do I have to do override the ProductListComponent and build it up from scratch?

-- EDIT --

I found the answer on another thread. How to customize lower level components in Spartacus?

The ProductGridItemComponent is not customizable. It has to be done on a higher level, ProductListComponent.

LPatrick LPatrick · Accepted Answer · 2021-03-23T18:35:48

It doesn't look like ProductGridItemComponent has available outlets for customization. The alternative is to extend and override the component to customize its behaviour.

How to override/extend ProductGridItemComponent using an outlet in Spartacus?

1 Answers