Header verändert

[ilargi]

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

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

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

<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.

{%  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…

[Max_Shop]

Cache nach der Änderung geleert?

In welcher Ordnerstruktur ist die Datei denn im Plugin abgelegt?

[ilargi]

Danke, Gut Morgen!

Ja, Cache in Beiden gemacht

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

[Max_Shop]

@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.

[ilargi]

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

 "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

"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"
    }
  }

[Max_Shop]

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.

[ilargi]

Verkaufskanal zuordnen. Hast du vermutlich aber auch

ja,

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,

php bin/console cache:clear

aber noch kein veränderung…

[Max_Shop]

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.

[ilargi]

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

[Max_Shop]

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

[brettvormkopp]

theme:compile auch ausgeführt?

[ilargi]

@ilargi

{%  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,

[ilargi]

@brettvormkopp

theme:compile auch ausgeführt?

jetzt mache was du sagst…

[ilargi]

gemacht,

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

aber das Weisse Fenster bekommt noch…

[brettvormkopp]

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)

[ilargi]

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

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

??

[brettvormkopp]

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

layout/header/header.html.twig:

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

{% block layout_header %}

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

{% endblock %}

[ilargi]

@brettvormkopp

{% 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,

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

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

[Max_Shop]

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.

[ilargi]

@Max_Shop

bin/console theme:compile

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

Was ich nicht verstehe ist

{%  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.