# Footer anpassen Showroom-Theme

**URL:** <https://forum.shopware.com/t/footer-anpassen-showroom-theme/93756>\
**Category:** Themes & Design\
**Created:** [31. März 2022 um 19:09 UTC](https://forum.shopware.com/t/footer-anpassen-showroom-theme/93756 "2022-03-31T19:09:53Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![wesewichtel2.0](https://avatars.discourse-cdn.com/v4/letter/w/ee7513/32.png) [@wesewichtel2.0](https://forum.shopware.com/u/wesewichtel2.0)\
**Post date:** [31. März 2022 um 19:09 UTC](https://forum.shopware.com/t/footer-anpassen-showroom-theme/93756/1 "2022-03-31T19:09:53Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![paddy0174](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/paddy0174/32/16582_2.png) [@paddy0174](https://forum.shopware.com/u/paddy0174)\
**Post date:** [1. April 2022 um 00:20 UTC](https://forum.shopware.com/t/footer-anpassen-showroom-theme/93756/2 "2022-04-01T00:20:49Z")

</div>

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: 🙂

> **[Theme inheritance](https://developer.shopware.com/docs/guides/plugins/themes/add-theme-inheritance)**

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

---

<div class="post-metadata">

**Author:** ![wesewichtel2.0](https://avatars.discourse-cdn.com/v4/letter/w/ee7513/32.png) [@wesewichtel2.0](https://forum.shopware.com/u/wesewichtel2.0)\
**Post date:** [1. April 2022 um 09:16 UTC](https://forum.shopware.com/t/footer-anpassen-showroom-theme/93756/3 "2022-04-01T09:16:21Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![wesewichtel2.0](https://avatars.discourse-cdn.com/v4/letter/w/ee7513/32.png) [@wesewichtel2.0](https://forum.shopware.com/u/wesewichtel2.0)\
**Post date:** [1. April 2022 um 11:20 UTC](https://forum.shopware.com/t/footer-anpassen-showroom-theme/93756/4 "2022-04-01T11:20:29Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![paddy0174](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/paddy0174/32/16582_2.png) [@paddy0174](https://forum.shopware.com/u/paddy0174)\
**Post date:** [1. April 2022 um 19:18 UTC](https://forum.shopware.com/t/footer-anpassen-showroom-theme/93756/5 "2022-04-01T19:18:01Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![wesewichtel2.0](https://avatars.discourse-cdn.com/v4/letter/w/ee7513/32.png) [@wesewichtel2.0](https://forum.shopware.com/u/wesewichtel2.0)\
**Post date:** [2. April 2022 um 07:18 UTC](https://forum.shopware.com/t/footer-anpassen-showroom-theme/93756/6 "2022-04-02T07:18:13Z")

</div>

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](https://forum.shopware.com/t/shopware-6-showroom-und-elle-theme-anpassen/89524).)

```auto
{
  "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.
