The new lightweight backend modules give you the ability to use simple HTML and CSS to create your modules layout. If you are using Bootstrap as your frontend framework we recommend our Bootstrap custom theme for proper appearance within the backend.
- Go to getbootstrap.com and hit 'Customize' to get your custom build.
- Import the
config.json
to apply the main color configuration. Make sure that you have checked all your desired components. Download your custom build. - Create your Bootstrap HTML template and place the
bootstrap-theme-shopware.css
right after the Bootstrap core CSS.
To help you get started the main components match the Shopware 5 backend appearance:
- Buttons, Button dropdowns, Button groups
- Nav tabs and nav pills
- Navbars
- General typography like
h1
,p
etc. - Labels and badges
- Progress bars
- Input fields and fieldsets
- Pagination
- Tables, striped tables, bordered tables
- Panels
You can find an example inside the demo
directory.
The code is licensed under MIT, see the LICENSE-MIT.md
for further information.