Using assets
Overview
When working with an own plugin, the usage of own custom images or other assets is a natural requirement. So of course you can do that in Shopware as well. In this guide we will explore how you can add custom assets in your plugin in order to use them in the administration.
Prerequisites
In order to be able to start with this guide, you need to have an own plugin running. As to most guides, this guide is also built upon the Plugin base guide:
Needless to say, you should have your image or another asset at hand to work with.
Add custom assets
In order to add your own custom assets, you need to save your assets in the
Resources/app/administration/static folder.1
# PluginRoot
2
.
3
├── composer.json
4
└── src
5
├── Resources
6
│ ├── app
7
│ └── administration
8
│ └── static
9
│ └── your-image.png <-- Asset file here
10
└── SwagBasicExample.php
Copied!
1
bin/console assets:install
Copied!
This way, your plugin assets are copied to the
public/bundles folder:1
# shopware-root/public/bundles
2
.
3
├── administration
4
├── framework
5
├── storefront
6
└── swagbasicexample
7
└── your-image.png <-- Your asset is copied here
Copied!
Use custom assets in the administration
After adding your assets to the
public/bundles folder, you can start using your assets in the administration. Basically, you just need to use the Vue filter asset.1
<img :src="'/<plugin root>/static/your-image.png' | asset">
Copied!
You're able to use this line in your
twig/html files as you please and that's basically it. You successfully added your own asset to the administration.Last modified 18d ago
Copy link
Edit on GitHub