# Logo image change

**URL:** https://forum.shopware.com/t/logo-image-change/62703
**Category:** Themes & Design (EN)
**Created:** [30. Oktober 2019 um 12:47 UTC](https://forum.shopware.com/t/logo-image-change/62703 "2019-10-30T12:47:17Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![amdl](https://avatars.discourse-cdn.com/v4/letter/a/b487fb/32.png) [@amdl](https://forum.shopware.com/u/amdl)
#### Post date: [30. Oktober 2019 um 12:47 UTC](https://forum.shopware.com/t/logo-image-change/62703/1 "2019-10-30T12:47:17Z")

</div>

Hello,

i am trying to change the logo-image in my theme. For that , I change the value of the **„sw-logo-desktop“** in theme.json of my theme:

**"config"** : {

```
**"fields"** : { **"sw-color-brand-primary"** : { **"value"** : **"#ffffff"** }, **"sw-logo-desktop"** : { **"value"** : **"Resources/storefront/asset/logo/pastlogo.png"** } } }

```

The logo path: **Mytheme/scr/Resources/storefront/asset/logo/pastlogo.png**

The theme was recompiled via &nbsp;bin/console theme:compile.

Is this a correct way to do? Unfortunately, it does not work and I can not see any logo.

Thank you for your help.

---

<div class="post-metadata">

### Author: ![maurits](https://avatars.discourse-cdn.com/v4/letter/m/dec6dc/32.png) [@maurits](https://forum.shopware.com/u/maurits)
#### Post date: [10. Januar 2020 um 15:01 UTC](https://forum.shopware.com/t/logo-image-change/62703/2 "2020-01-10T15:01:20Z")

</div>

I would like to know the same, I ended up referring to /bundles/ where the files are copied too but that doesn’t seem like the right solution

---

<div class="post-metadata">

### Author: ![gotu](https://avatars.discourse-cdn.com/v4/letter/g/838e76/32.png) [@gotu](https://forum.shopware.com/u/gotu)
#### Post date: [29. Januar 2020 um 17:23 UTC](https://forum.shopware.com/t/logo-image-change/62703/3 "2020-01-29T17:23:01Z")

</div>

look into&nbsp;vendor/shopware/platform/src/Storefront/Resources/theme.json for up-to-date syntax:

```
"sw-logo-desktop": {
        "label": {
          "en-GB": "Desktop",
          "de-DE": "Desktop"
        },
        "helpText": {
          "en-GB": "Displayed for viewports of above 991px",
          "de-DE": "Wird über einem Viewport von 991px angezeigt"
        },
        "type": "media",
        "value": "app/storefront/dist/assets/logo/demostore-logo.png",
        "editable": true,
        "block": "media",
        "order": 100
      },
      "sw-logo-tablet": {
        "label": {
          "en-GB": "Tablet",
          "de-DE": "Tablet"
        },
        "helpText": {
          "en-GB": "Displayed between a viewport of 767px to 991px",
          "de-DE": "Wird zwischen einem viewport von 767px bis 991px angezeigt"
        },
        "type": "media",
        "value": "app/storefront/dist/assets/logo/demostore-logo.png",
        "editable": true,
        "block": "media",
        "order": 200
      },
      "sw-logo-mobile": {
        "label": {
          "en-GB": "Mobile",
          "de-DE": "Mobil"
        },
        "helpText": {
          "en-GB": "Displayed up to a viewport of 767px",
          "de-DE": "Wird bis zu einem Viewport von 767px angezeigt"
        },
        "type": "media",
        "value": "app/storefront/dist/assets/logo/demostore-logo.png",
        "editable": true,
        "block": "media",
        "order": 300
      },

```

&nbsp;

Then, when you make changes in this theme.json config, it will only notice changes (as far as I noticed) when you deaktivate the theme plugin and acivate it then again.

Eh, yes also, when you generate a theme plugin with bin/console theme:generate default for asset in config is the „src“ folder not dist… so in my theme.json its the same as obove but /src/ insted of /dist/ in all places… and the actual files are also in /src/assets

```
"asset": [
        "app/storefront/src/assets"
    ],

...

"sw-logo-desktop": {
                "label": {
                    "en-GB": "Desktop",
                    "de-DE": "Desktop"
                },
                "helpText": {
                    "en-GB": "Displayed for viewports of above 991px",
                    "de-DE": "Wird über einem Viewport von 991px angezeigt"
                },
                "type": "media",
                "value": "app/storefront/src/assets/logo/myprojectname-logo.png",
                "editable": true,
                "block": "media",
                "order": 100
            }

```

&nbsp;

---

<div class="post-metadata">

### Author: ![dev\_ht](https://avatars.discourse-cdn.com/v4/letter/d/ed655f/32.png) [@dev\_ht](https://forum.shopware.com/u/dev_ht)
#### Post date: [26. Juni 2020 um 11:08 UTC](https://forum.shopware.com/t/logo-image-change/62703/4 "2020-06-26T11:08:54Z")

</div>

@gotu‍ did that actually work for you?

The path values given in the theme.json seem to always be taken litterally, so only pointing to the `bundles` folder actually works as @maurits‍ mentioned above, however it seems odd to have to write the theme name in the path.

---

<div class="post-metadata">

### Author: ![jfranke](https://avatars.discourse-cdn.com/v4/letter/j/a5b964/32.png) [@jfranke](https://forum.shopware.com/u/jfranke)
#### Post date: [10. August 2020 um 15:04 UTC](https://forum.shopware.com/t/logo-image-change/62703/5 "2020-08-10T15:04:01Z")

</div>

I couldn’t load any logo image on the theme.json. Apparently it has somethign to do with “bundles” like they say here. Did you try to install your assets as well?

```
bin/console asset:install

```

So what I did was just to change it on the “header.html.twig”. This is how the block looks like.

```
{% block layout_header_logo %}
     
{% endblock %}

```

Which is the same as "&nbsp;/bundles/TestTheme2/img/logo\_x.png&nbsp;" and I saved it on:

```
custom/plugins/TestTheme2/src/Resources/public/img/logo_x.png

```

I hope it helps ya. I would love to know how to make it work throu the “theme.json”!

---

<div class="post-metadata">

### Author: ![Michael200](https://avatars.discourse-cdn.com/v4/letter/m/45deac/32.png) [@Michael200](https://forum.shopware.com/u/Michael200)
#### Post date: [11. August 2020 um 10:02 UTC](https://forum.shopware.com/t/logo-image-change/62703/6 "2020-08-11T10:02:37Z")

</div>

for me the “header.html.twig” worked 🙂

---

<div class="post-metadata">

### Author: ![luiquecruz](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/luiquecruz/32/17179_2.png) [@luiquecruz](https://forum.shopware.com/u/luiquecruz)
#### Post date: [24. Mai 2022 um 22:02 UTC](https://forum.shopware.com/t/logo-image-change/62703/7 "2022-05-24T22:02:41Z")

</div>

Worked for me!

Just an update, when you run:

```auto
bin/console asset:install

```

The bundles are generated in lowercase.

![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/9/4/942e94cc0040ccff5394e1c0374d424cad1ab556.png)

---

<div class="post-metadata">

### Author: ![AlexBS](https://avatars.discourse-cdn.com/v4/letter/a/ed655f/32.png) [@AlexBS](https://forum.shopware.com/u/AlexBS)
#### Post date: [7. Juni 2022 um 06:40 UTC](https://forum.shopware.com/t/logo-image-change/62703/8 "2022-06-07T06:40:12Z")

</div>

Unfortunately, the lowercase name of your theme in the bundle path is the most common issue with the installed assets. I can’t unterstand why Shopware isn’t mentioning this in their documentation.
