Plone6 Volto Component Shadowing

Plone Support Customizing Plone
,
1

I'm using the basic 'official' plone-frontend and plone-backend docker containers from DockerHub behind an nginx reverse proxy and struggling with trying to customize the page footer in the stock volto theme.

I've followed the documentation here: Customizing Components — Plone Documentation v6

and based on my understanding of the examples provided it should be as simple as creating a copy of

/app/core/packages/volto/src/components/theme/Footer/Footer.jsx

with a modified file at

/app/core/packages/volto/src/customizations/components/theme/Footer/Footer.jsx

When the frontend container is running I can exec into it and verify that I see the customization path, so I'm confident in my volume mapping to the host folder which is providing the customized Footer.jsx.

However despite multiple restarts, container prunes etc. The original footer is being rendered in the browser.

This should be an easy task so I'm clearly doing something incorrectly - any advise welcomed.

2

That documentation needs to be updated.

Take a change on this one instead:

The first thing is that Plone and Volto follows an add-on pluggable architecture, so you need to do the customization in your add-on, not it volto itself.

Then in your add-on (you should use Cookieplone as starter):

And the path of your customization should not contain src:

/frontend/packages/<your_addon_name>/src/customizations/volto/customizations/components/theme/Footer/Footer.jsx

Cheers,
V.