Footer anpassen Showroom-Theme

Hallo zusammen,

ich möchte den Footer vom ShowRoomTheme anpassen. Eigentlich dachte ich, dass ich dazu die Datei footer.html.twig unter custom/apps/SwagShowRoomTheme/Resources/views/storefront/layout/footer anpassen muss aber da tut sich leider nichts. Wo ist gerade mein Denkfehler?

Danke

Ich würde das ja generell in ein Child-Theme auslagern. Das geht schnell und ist update sicher. Wenn Du die Datei im Original änderst, wird sie ja bei jedem Update wieder überschrieben.

Guckst Du hier: :slight_smile:

Aber zurück zu Deinem eigentlichen Problem: Cache geleert? Theme nach der Änderung neu kompiliert?

Das wären jetzt meine ersten beiden Ideen zum prüfen. :slight_smile:

Danke. Child Theme habe ich mittlerweile tatsächlich erstellt. :slight_smile: ich teste heute abend noch mal ob es klappt.

ich habe mir jetzt den Pfad in meinem ChiledTheme und die Datei selbst angelegt. Inhalt der Datei:

{% sw_extends ‚@SwagShowRoomTheme/storefront/layout/footer/footer.html.twig‘ %}

{% block layout_footer_copyright %}

{% endblock %}

Aber das bewirkt nix. Da kann ich den Cache 1000mal leeren und das Theme neu kompilieren…

So, jetzt habe ich einfach auch mal direkt im Theme etwas angepasst. Also unter Basisverzeichnis/httpdocs/custom/apps/SwagShowRoomTheme/Resources/views/storefront/layout/footer habe ich direkt die footer.html.twig geändert. Auch da passiert einfach gar nichts.

Child-Theme macht schon Sinn, und es scheint ja auch an was anderem zu liegen, sonst würde es ja beim Original funktionieren.

Hast Du denn das SwagShowRoomTheme auch in Deiner theme.json korrekt abgeleitet?

Poste doch mal Deine theme.json und den genauen Pfad der footer.html.twig aus Deinem Child-Theme sowie den Inhalt der Datei. Idealerweise den Inhalt in einem Code-Block hier im Forum, damit die Formatierungen erhalten bleiben. :slight_smile:

Also,

Pfade:
SwagShowRoomTheme: Basisverzeichnis/httpdocs/custom/apps/SwagShowRoomTheme/Resources/views/storefront/layout/footer

WsShowRoomTheme: Basisverzeichnis/httpdocs/custom/plugins/WwShowRoomTheme/src/Resources/views/storefront/layout/footer

theme.json aus dem Child-Theme (dazu muss ich sagen, dass ich den Config-Teil aus dem ShowRoomTheme kopieren musste da ich sonst eine Mischung aus Standard und ShowRoomTheme erhalte bzw. sich das Theme sonst nicht kompilieren lässt. Siehe auch hier.)

{
  "name": "WwShowRoomTheme",
  "author": "Shopware AG",
  "views": [
     "@Storefront",
     "@Plugins",
	 "@SwagShowRoomTheme",
     "@WwShowRoomTheme"
	 
  ],
  "style": [
    "app/storefront/src/scss/overrides.scss",
	"@Storefront",
	"@SwagShowRoomTheme",
    "app/storefront/src/scss/base.scss"
  ],
  "script": [
	"@Storefront",
	"@SwagShowRoomTheme",
    "app/storefront/dist/storefront/js/ww-show-room-theme.js"
  ],
  "asset": [
	"@Storefront",
	"@SwagShowRoomTheme",
    "app/storefront/src/assets"
  ],
    "config": {
        "blocks": {
            "themeColors": {
                "label": {
                    "en-GB": "Theme colors",
                    "de-DE": "Themenfarben"
                }
            },
            "typography": {
                "label": {
                    "en-GB": "Typography",
                    "de-DE": "Typografie"
                }
            },
            "statusColors": {
                "label": {
                    "en-GB": "Status messages",
                    "de-DE": "Status-Meldungen"
                }
            },
            "media": {
                "label": {
                    "en-GB": "Media",
                    "de-DE": "Medien"
                }
            },
            "footer": {
                "label": {
                    "en-GB": "Footer",
                    "de-DE": "Fußzeile"
                }
            }
        },
        "fields": {
            "sw-color-brand-primary": {
                "label": {
                    "en-GB": "Primary colour",
                    "de-DE": "Primärfarbe"
                },
                "value": "#26262f"
            },
            "sw-color-brand-secondary": {
                "label": {
                    "en-GB": "Secondary colour",
                    "de-DE": "Sekundärfarbe"
                },
                "value": "#cab898"
            },
            "sw-border-color": {
                "label": {
                    "en-GB": "Border",
                    "de-DE": "Rahmen"
                },
                "value": "#e4e6ea"
            },
            "sw-background-color": {
                "label": {
                    "en-GB": "Background",
                    "de-DE": "Hintergrund"
                },
                "value": "#ffffff"
            },
            "sw-color-success": {
                "label": {
                    "en-GB": "Success",
                    "de-DE": "Erfolg"
                },
                "value": "#4bc87b"
            },
            "sw-color-info": {
                "label": {
                    "en-GB": "Information",
                    "de-DE": "Information"
                },
                "value": "#4babbc"
            },
            "sw-color-warning": {
                "label": {
                    "en-GB": "Notice",
                    "de-DE": "Hinweis"
                },
                "value": "#ee994a"
            },
            "sw-color-danger": {
                "label": {
                    "en-GB": "Error",
                    "de-DE": "Fehler"
                },
                "value": "#a1090b"
            },
            "sw-font-family-base": {
                "label": {
                    "en-GB": "Text font type",
                    "de-DE": "Schriftart Text"
                },
                "value": "'Work Sans', sans-serif"
            },
            "sw-text-color": {
                "label": {
                    "en-GB": "Text colour",
                    "de-DE": "Textfarbe"
                },
                "value": "#141719"
            },
            "sw-font-family-headline": {
                "label": {
                    "en-GB": "Headline font type",
                    "de-DE": "Schriftart Überschrift"
                },
                "value": "'Work Sans', sans-serif"
            },
            "sw-headline-color": {
                "label": {
                    "en-GB": "Headline colour",
                    "de-DE": "Überschriftfarbe"
                },
                "value": "#525a62"
            },
            "sw-color-price": {
                "label": {
                    "en-GB": "Price",
                    "de-DE": "Preis"
                },
                "value": "#141719"
            },
            "sw-color-buy-button": {
                "label": {
                    "en-GB": "Buy button",
                    "de-DE": "Kaufen-Button"
                },
                "value": "#26262f"
            },
            "sw-color-buy-button-text": {
                "label": {
                    "en-GB": "Buy button text",
                    "de-DE": "Kaufen-Button-Text"
                },
                "value": "#fdfdfd"
            },
            "sw-logo-desktop": {
                "label": {
                    "en-GB": "Desktop",
                    "de-DE": "Desktop"
                },
                "type": "media",
                "value": "app/storefront/src/assets/logo/showroom-logo-desktop.svg"
            },
            "sw-logo-tablet": {
                "label": {
                    "en-GB": "Tablet",
                    "de-DE": "Tablet"
                },
                "type": "media",
                "value": "app/storefront/src/assets/logo/showroom-logo-desktop.svg"
            },
            "sw-logo-mobile": {
                "label": {
                    "en-GB": "Mobile",
                    "de-DE": "Handy"
                },
                "type": "media",
                "value": "app/storefront/src/assets/logo/showroom-logo-mobile.svg"
            },
            "sw-logo-share": {
                "label": {
                    "en-GB": "App & share icon",
                    "de-DE": "App- & Share-Icon"
                }
            },
            "sw-logo-favicon": {
                "label": {
                    "en-GB": "Favicon",
                    "de-DE": "Favicon"
                }
            },
            "sw-footer-bg-color": {
                "label": {
                    "en-GB": "Background colour",
                    "de-DE": "Hintergrundfarbe"
                },
                "type": "color",
                "value": "#26262f",
                "editable": true,
                "block": "footer",
                "order": 100
            },
            "sw-footer-text-color": {
                "label": {
                    "en-GB": "Text colour",
                    "de-DE": "Textfarbe"
                },
                "type": "color",
                "value": "#fdfdfd",
                "editable": true,
                "block": "footer",
                "order": 200
            },
            "sw-footer-logo": {
                "label": {
                    "en-GB": "Footer logo",
                    "de-DE": "Footer Logo"
                },
                "type": "media",
                "value": "app/storefront/src/assets/logo/showroom-logo-footer-desktop.svg",
                "editable": true,
                "block": "footer",
                "order": 300
            },
            "sw-footer-logo-mobile": {
                "label": {
                    "en-GB": "Footer mobile logo",
                    "de-DE": "Footer-Handy-Logo"
                },
                "type": "media",
                "value": "app/storefront/src/assets/logo/showroom-logo-footer-mobile.svg",
                "editable": true,
                "block": "footer",
                "order": 400
            }
        }
    }
}

Ich habe mir gerade noch ein weiteres Theme erstellt und einfach den kompletten Ressources Ordner vom ShowRoomTheme übernommen. Auch da kommt irgendwie nur eine Mischung raus und auch hier kann ich die twig-Dateien manipulieren wie ich möchte. Es passiert rein gar nichts… Ich bin maximal verwirrt.