Storefront
You can modify the whole appearance of the Storefront within your app. This includes customizing templates, adding custom Javascript and custom styling.
As the Shopware server will build the Storefront, you don't have to set up any external servers for this. All you have to do is include your modifications (in form of .html.twig, .js or .scss files) inside the Resources folder of your app. The base folder structure of your app may look like this:
1
└── DemoApp
2
├── Resources
3
│ ├── app
4
│ │ └── storefront
5
│ │ └── src
6
│ │ ├── scss
7
│ │ │ └── base.scss
8
│ │ └── main.js
9
│ ├── views
10
│ │ └── storefront
11
│ │ └── ...
12
│ └── public
13
│ └── ... // public assets go here
14
└── manifest.xml
Copied!

Custom Assets in Apps

Note that this feature was introduced in Shopware 6.4.8.0, and is not supported in previous versions.
You may want to include custom assets inside your app, like custom fonts, etc. Therefore, place the assets you need in the /Resources/public folder. All files inside this folder are available over the asset-system.
Copy link
Edit on GitHub