Hintergrundbild im Footer

Shopware 6 (German) Themes & Design
1

Hallo,
ich möchte gerne dem Footer ein Hintergrundbild geben.
Ich habe ein eigenes Theme erstellt und in der scss

footer{
	background: url("../../../../public/media/footer_hell.jpg");
}

Das Bild hab ich in custom/plugins/MeinTheme/src/Resources/public/media
abgelegt.

theme compiliert und Seite neu geladen. Aber er findet das Bild nicht.
Wenn ich mir den Pfad in der Console ansehe steht das domain/public/media/footer_hell.jp
Also hab ich das Bild auch noch in public/media geladen. Aber auch so findet er das Bild nicht.
Wie kann ich das Bild richtig eingeben, damit es angezeigt wird?
Danke und VG Nadja

2

Hallo Nadja,

erstmal zum CSS, da würde ich dir empfehlen lieber die Klasse des Footers z.B. „footer-main“ als das Footer Element selbst zu nehmen. Und die korrekte Property ist „background-image“. Würde dann ungefähr so aussehen:

.footer-main{
background-image: url("...");
}

Theoretisch gibt es dir Möglichkeit Bilder als Asset direkt im Theme zu hinterlegen, dass habe ich aber selbst auch noch nicht hinbekommen: Add assets to a Theme - Shopware Developer

Ansonsten kannst du das Bild ja auch im Backend unter Inhalte>Medien und dann im jeweiligen Ordner hochladen, wenn das Bild hochgeladen ist kannst du rechts über der Vorschau auf „Link kopieren“ klicken und den Link dann in deinem CSS einfügen.
Der sauberere und „richtige“ Weg wäre aber über die Assets…

Viele Grüße
Tom

3

Hallo Tom,
danke für deine Antwort.
Leider funktioniert es auch nicht, wenn ich die Klasse footer-main und background-image verwende

4

Mit der Variante, die URL zu kopieren hat es funktioniert. Vielen lieben Dank
VG Nadja

1 „Gefällt mir“