> For the complete documentation index, see [llms.txt](https://docs.scandipwa.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.scandipwa.com/developing-with-scandi/override-mechanism.md).

# Override Mechanism

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!

{% content-ref url="/pages/-MQM0kNuHQO5t2DbwgM3" %}
[#3 Overriding a file](/tutorials/video-tutorials/overriding-a-file.md)
{% endcontent-ref %}

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! 

{% hint style="warning" %}
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](/developing-with-scandi/extensions.md), which can be used to develop reusable plugins.
{% endhint %}

## Override Mechanism Guides

{% content-ref url="/pages/-MNcP\_Mzb\_fzWwn4SQ1y" %}
[Overriding JavaScript](/developing-with-scandi/override-mechanism/extending-javascript.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MNcRT69Hjndi55WsIsz" %}
[Overriding Styles](/developing-with-scandi/override-mechanism/extending-styles.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MOjieryc8iY8bkRdoj8" %}
[Overriding the HTML / PHP](/developing-with-scandi/override-mechanism/overriding-the-index-file.md)
{% endcontent-ref %}

## Parent themes

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

{% content-ref url="/pages/-MPDiXo7GhIaBrGeZ3ej" %}
[Parent Themes](/developing-with-scandi/override-mechanism/parent-themes.md)
{% endcontent-ref %}