background-image

Hallo zusammen,

ich arbeite seit etwa einer Woche mit Shopware und stoße derzeit noch auf Anfänger-Probleme.

In meinem Header will ich anstatt einer Hintergrundfarbe ein Bild dargestellt haben. Dieses habe ich im Ordner frontend > _public > src > img abgelegt.

Wenn ich nun an entsprechender Stelle

background-image: url(“/…/img/namedesfiles.jpg“);

angebe, wird es mir allerdings nicht angezeigt und ich verstehe nicht, woran das liegt.

Wenn ich den Link zum Bild (es liegt auf dem Server) angebe, wird es wie gewünscht dargestellt, allerdings ist das keine Option, da das Bild nicht mehr angezeigt wird, sobald ich mich aus dem Server auslogge.

Kann mir jemand helfen?

@queen0f_hearts schrieb:

Wenn ich nun an entsprechender Stelle

background-image: url(“/…/img/namedesfiles.jpg“);

Was heißt an der entsprechenden Stelle?  Wo?

Darüber hinaus solltest du dir einmal die grundlegende Doku für’s Frontend durchlesen -> https://developers.shopware.com/designers-guide/theme-startup-guide/

@Shopwareianer schrieb:

@queen0f_hearts schrieb:

Wenn ich nun an entsprechender Stelle

background-image: url(“/…/img/namedesfiles.jpg“);

Was heißt an der entsprechenden Stelle?  Wo?

Die Doku hilft mir leider nicht weiter. Das Bild wird ja angezeigt, wenn ich einen Link angebe. Nur aus dem File wird es nicht genommen.

Hier ist mein Code für den entsprechenden Container: 

 

 .block-wood{ width: 100%; padding-top: 60px; background-image: url("/../img/wood.jpg"); background-repeat: repeat; background-attachment: fixed; }

 

Quik and dirty nur für den Header:

.header-main {
    background-image: url(DEIN-PFAD_ZM_BILD);
}

.header-main .header--navigation {
    background: none;
}

.container {
    background: none;
}

 

1 Like