# Header verändert

**URL:** <https://forum.shopware.com/t/header-veraendert/106591>\
**Category:** Shopware 6 (German)\
**Tags:** themes--design\
**Created:** [26. Februar 2025 um 08:21 UTC](https://forum.shopware.com/t/header-veraendert/106591 "2025-02-26T08:21:26Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [26. Februar 2025 um 08:21 UTC](https://forum.shopware.com/t/header-veraendert/106591/1 "2025-02-26T08:21:26Z")

</div>

Ich versuche in mein ` <header class="header-main">` zu verändert.

```auto
views
  └─ storefront
          ├─ layout
                └─ header.html.twig

```

ich versuche das div **container** in mein header zu lösen,

```auto
<header class="header-main">
            {% block base_header_inner %}
                <div class="container">
                    {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
                </div>
            {% endblock %}
        </header>

```

mit diesem code, in mein header.html.twig Datei.

```auto
{% sw_extends '@Storefront/storefront/layout/header.html.twig' %}

{% block base_header %}
        {% sw_include '@Storefront/storefront/utilities/staging-info.html.twig' %}

        <header class="header-main">
                 <div>
                    {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
                </div>        
             
        </header>
{% endblock %}    

```

aber bekommt kein veränderung, in meim Brownser bekommt immer der container div.  
ich versuche diesen veränderung in mein Theme mache, in kein Child Theme…

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [26. Februar 2025 um 09:04 UTC](https://forum.shopware.com/t/header-veraendert/106591/2 "2025-02-26T09:04:20Z")

</div>

Cache nach der Änderung geleert?

In welcher Ordnerstruktur ist die Datei denn im Plugin abgelegt?

---

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [26. Februar 2025 um 09:08 UTC](https://forum.shopware.com/t/header-veraendert/106591/3 "2025-02-26T09:08:45Z")

</div>

Danke, Gut Morgen!

Ja, Cache in Beiden gemacht

```auto
php bin/console cache:clear

```

und in Verwaltung Fenster…

> In welcher Ordnerstruktur ist die Datei denn im Plugin abgelegt?

EhunDemoTheme/src/Resources/views/storefront/layout

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [26. Februar 2025 um 09:11 UTC](https://forum.shopware.com/t/header-veraendert/106591/4 "2025-02-26T09:11:16Z")

</div>

> [@ilargi](#):
>
> EhunDemoTheme/src/Resources/views/storefront/layout

Der Pfad stimmt. Das Plugin ist aktiviert? Wenn du eine base.html.twig anlegst auf oberster Ebene und leer lässt, passiert dann was?

Bist du vielleicht noch in Shopware 6.5? Da gibt es die Datei noch nicht.

---

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [26. Februar 2025 um 09:18 UTC](https://forum.shopware.com/t/header-veraendert/106591/5 "2025-02-26T09:18:47Z")

</div>

doch, ich habe es…

> Das Plugin ist aktiviert?

ja

> Wenn du eine base.html.twig anlegst auf oberster Ebene und leer lässt, passiert dann was?

ich habe kein base.html.twig datei, Gestern habe mit ihn versucht, aber bekommt probleme…

Mein Shopware Version: 6.6.10.1

Mein **theme.json**

```auto
 "name": "EhunDemoTheme",
  "author": "Shopware AG",
  "previewMedia": "app/storefront/dist/assets/preview.jpg",
  "views": [
     "@Storefront",
     "@EhunDemoTheme",
     "@Plugins"
     
  ],
  "style": [
    "app/storefront/src/scss/overrides.scss",
    "@Storefront",
    "app/storefront/src/scss/base.scss"
  ],
  "script": [
    "@Storefront",
    "app/storefront/dist/storefront/js/ehun-demo-theme/ehun-demo-theme.js"
  ],
  "asset": [
    "@Storefront",
    "app/storefront/src/assets"
  ]

```

Mein **composer.json**

```auto
"name": "ehun/demo-theme",
  "description": "Demo Theme",
  "version": "0.0.1",
  "type": "shopware-platform-plugin",
  "license": "MIT",
  "authors": [
        {
            "name": "Ehun natural",
            "homepage": "http://ehun.org/"
        }
  ],
  "require": {
        "shopware/core": "^6.6.0.0"
  },
  "autoload": {
    "psr-4": {
      "EhunDemoTheme\\": "src/"
    }
  },
  "extra": {
    "shopware-plugin-class": "EhunDemoTheme\\EhunDemoTheme",
    "label": {
      "de-DE": "Demo Theme",
      "en-GB": "Demo Theme"
    },
    "plugin-icon": "src/Resources/config/preview.png",
    "Description": {
      "de-DE": "Demo Theme",
      "en-GB": "Demo Theme"
    }
  }

```

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [26. Februar 2025 um 09:23 UTC](https://forum.shopware.com/t/header-veraendert/106591/6 "2025-02-26T09:23:19Z")

</div>

Wenn du ein Theme hast, also kein Plugin, dann musst du das Theme auch einem Verkaufskanal zuordnen. Hast du vermutlich aber auch.

Ich würde unter EhunDemoTheme/src/Resources/views/storefront eine base.html.twig anlegen, leer lassen und schauen, ob die Website weiß wird. Wenn ja, dann weißt du wenigstens, dass das Theme funktioniert.

---

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [26. Februar 2025 um 09:28 UTC](https://forum.shopware.com/t/header-veraendert/106591/7 "2025-02-26T09:28:57Z")

</div>

> Verkaufskanal zuordnen. Hast du vermutlich aber auch

ja,

 ![kanal](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/4/c/4ce4587a99d033d717c49fc2578ccba9e8c75c91.png)

> Ich würde unter EhunDemoTheme/src/Resources/views/storefront eine base.html.twig anlegen, leer lassen und schauen, ob die Website weiß wird.

base.html.twig in EhunDemoTheme/src/Resources/views/storefront gelegt,

```auto
php bin/console cache:clear

```

aber noch kein veränderung…

![header](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/0/3/038f4d80e1c9b8517507f9746ce6457e413d077e.png)

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [26. Februar 2025 um 09:30 UTC](https://forum.shopware.com/t/header-veraendert/106591/8 "2025-02-26T09:30:24Z")

</div>

Dann stimmt irgendetwas mit deinem Plugin nicht.

Erstelle einfach ein neues Theme mit bin/console theme:create DemoTheme und kopiere die Datei in den oben genannten Ordner, abgewandelt mit DemoTheme, und schaue, ob dies dann funktioniert.

---

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [26. Februar 2025 um 09:32 UTC](https://forum.shopware.com/t/header-veraendert/106591/9 "2025-02-26T09:32:49Z")

</div>

Danke, jetzt mache es…Kopier alles was jetzt auf meinen **composer.json** und **theme.json** habe, und mit ihnen baue ein neue Theme…

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [26. Februar 2025 um 09:33 UTC](https://forum.shopware.com/t/header-veraendert/106591/10 "2025-02-26T09:33:43Z")

</div>

Nein. Nichts kopieren bis auf die twig Datei. Sonst wirst du den Fehler nie finden, falls in den zwei Dateien schon etwas falsch ist.

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [26. Februar 2025 um 10:16 UTC](https://forum.shopware.com/t/header-veraendert/106591/11 "2025-02-26T10:16:22Z")

</div>

theme:compile auch ausgeführt?

---

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [26. Februar 2025 um 10:17 UTC](https://forum.shopware.com/t/header-veraendert/106591/12 "2025-02-26T10:17:36Z")

</div>

> [@ilargi](#):
>
> ```auto
> {% sw_extends '@Storefront/storefront/layout/header.html.twig' %}
> 
> {% block base_header %}
> {% sw_include '@Storefront/storefront/utilities/staging-info.html.twig' %}
> 
> <header class="header-main">
> <div>
> {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
> </div>        
>              
> </header>
> {% endblock %}    
> 
> ```

Entschuldigung aber wenn habe deine letzte schreibe, ich war schon beende…

so, neue Theme, alles gleiche, Neue Theme einschaltet, in mein Verkaufskanäle sie neue Theme hinzufügen.

In EhunDemoTheme/src/Resources/views/storefront/layout der **header.html.twig** Datei legen mit gleiche Code, und in src/Resources/views/storefront der **base.html.twig** Datei Leer legen.

Jetzt wenn der Webseite ruft, bekommt einen Weisse Fenster…auch wenn `php bin/console cache:clear` machen…  
Was in Firefox mein Inspektor zeigt,

 ![Inpektor](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/4/f/4f6620a4e62fa00a5cd5fe8f4105537807357866.png)

---

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [26. Februar 2025 um 10:18 UTC](https://forum.shopware.com/t/header-veraendert/106591/13 "2025-02-26T10:18:28Z")

</div>

> [@brettvormkopp](#):
>
> theme:compile auch ausgeführt?

jetzt mache was du sagst…

---

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [26. Februar 2025 um 10:20 UTC](https://forum.shopware.com/t/header-veraendert/106591/14 "2025-02-26T10:20:06Z")

</div>

gemacht,

```auto
php bin/console theme:compile 
php bin/console cache:clear

```

aber das Weisse Fenster bekommt noch…

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [26. Februar 2025 um 10:28 UTC](https://forum.shopware.com/t/header-veraendert/106591/15 "2025-02-26T10:28:23Z")

</div>

Wenn die base.html.twig leer ist, dann kann kein anderer code darin ausgeführt werden.

base.html.twig (mutter)  
-layout  
–header.html.twig (kind - findet nichts in Mutter)

---

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [26. Februar 2025 um 10:33 UTC](https://forum.shopware.com/t/header-veraendert/106591/16 "2025-02-26T10:33:47Z")

</div>

so, ich sagt an **base.html.twig** das er mit dem **header.html.twig** Datei verbinden, und schreibe auf base datei,

```auto
{% sw_extends 'layout/header.html.twig' %}

```

??

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [26. Februar 2025 um 10:43 UTC](https://forum.shopware.com/t/header-veraendert/106591/17 "2025-02-26T10:43:27Z")

</div>

base.html.twig soll nicht leer sein. Wenn es leer ist, lösche die Datei.

layout/header/header.html.twig:

```auto
{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}

{% block layout_header %}

  <div class="usp-aktion">
    heute toll aktionen
  </div> 
   
  {{ parent() }}

{% endblock %}

```

---

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [26. Februar 2025 um 11:01 UTC](https://forum.shopware.com/t/header-veraendert/106591/18 "2025-02-26T11:01:42Z")

</div>

> [@brettvormkopp](#):
>
> ```auto
> {% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
> 
> {% block layout_header %}
> 
> <div class="usp-aktion">
> heute toll aktionen
> </div> 
>    
> {{ parent() }}
> 
> {% endblock %}
> 
> ```

Danke!

In mein base.html.twig Datei schreibe,

```auto
{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}

```

in layout/header/header.html.twig schreibst deine Code und bekommt,

 ![bekommt](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/5/7/578e236f142f51ce5f08afe928439c0478d29521.png)

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [26. Februar 2025 um 12:04 UTC](https://forum.shopware.com/t/header-veraendert/106591/19 "2025-02-26T12:04:43Z")

</div>

Die leere base.html.twig war lediglich zum testen, ob das Plugin/Theme Fehler hat oder nicht. Die kannst du wieder löschen.

bin/console theme:compile ist nur notwendig für SCSS Änderungen, nicht für twig.

Im Abgebildeten Screenshot muss bin/console theme:compile jedoch noch einmal ausgeführt werden.

---

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [26. Februar 2025 um 14:41 UTC](https://forum.shopware.com/t/header-veraendert/106591/20 "2025-02-26T14:41:30Z")

</div>

> [@Max\_Shop](#):
>
> bin/console theme:compile

ich habe `bin/console cache:clear ` gemacht aber nicht verändert…

Was ich nicht verstehe ist

```auto
{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}

{% block base_header %}
        {% sw_include '@Storefront/storefront/utilities/staging-info.html.twig' %}

        <header class="header-main">
                 <div>
                    {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
                </div>        
             
        </header>
{% endblock %}    

```

Warum nicht wird zusammen mit den anderen dateien gezeigt, ich meins alle header dateien…

so, wie ich verstande habe, man benutze diesen Dateien wenn von den Shopware, Theme, layout,… verändert möchte, dann, diesem verändeungen kommen zusammen mit den anderen datein von Shopware.

[Nächste Seite](https://forum.shopware.com/t/header-veraendert/106591.md?page=2)