Override Mechanism

Create a customized theme based on ScandiPWA

Overriding files in the theme is a great solution for store owners and developers that want to have a theme based on ScandiPWA, but need to customize it for their needs. Using the override mechanism, you are able to override any part of the ScandiPWA theme, including styling, user interaction, page structure, or custom functionality. Any part that you don't need to override will fallback to the default ScandiPWA implementation.

Watch the video tutorial/showcase by following the link below!

page#3 Overriding a file

The Override Mechanism enables you to override any JavaScript or SCSS stylesheet file while keeping what you want to keep from the original file. You can of course create new files and use them in the files you override. Using this mechanism, you will be able to:

  • Change the layout or styling of any component or page

  • Modify any component's behavior

  • Add new components with custom functionality

  • Add new pages to your application

  • Remove any unwanted functionality

  • ...and more!

The Override Mechanism is designed to be used for developing one specific theme. If you want to develop an extension that can be installed on multiple themes, take a look at the Plugin Mechanism, which can be used to develop reusable plugins.

Override Mechanism Guides

pageOverriding JavaScriptpageOverriding StylespageOverriding the HTML / PHP

Parent themes

You can also stack overrides on top of each other, by creating parent themes. Learn more in the guide below:

pageParent Themes

Last updated