Override Mechanism

Create Magento App Create ScandiPWA App User Manual GitHub

Search…

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!
#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
Overriding JavaScript
Overriding Styles
Overriding 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:
Parent Themes

Migrating to CMA & CSA

Overriding JavaScript

Last modified 1yr ago

Copy link

Outline

Override Mechanism Guides

Parent themes