theme.json
file. By default it is the <plugin root>/app/storefront/src/scss/base.scss
file.style
section of the theme configuration. You can define the SCSS entry-points individually if you want to.base.scss
file which in located in <plugin root>/src/Resources/app/storefront/src/scss
directory.bin/console theme:compile
command in terminal.main.js
as entry point which has to be located the src/Resources/app/storefront/src/
directory:bin/console theme:compile
your custom JS plugin is loaded. By default, the compiled JavaScript file is saved as <plugin root>/src/resources/app/storefront/dist/storefront/js/swag-basic-example-theme.js
. It is detected by Shopware automatically and included in the Storefront. So you do not need to embed the JavaScript file yourself.bin/console theme:compile
will get tedious if you change files a lot and want to check the changes in the browser. So there is a better way while you are developing your theme with the hot-proxy
option, which will give you the live reload feature../psh.phar storefront:hot-proxy
in your terminal.9998
. If you open the Storefront of your Shopware installation on localhost:9998
, this page will be automatically updated when you make changes to your theme.