Wie referenziere ich ein Bild in meinem Schablonenthema

Ich frage mich, wie ich ein Bild in meinem scss richtig für mein Schablonen-Thema referenziere, an dem ich arbeite. Es funktioniert lokal, aber wenn ich mein Theme auf BigCommerce hochlade, gibt es einen 404 Fehler.Wie referenziere ich ein Bild in meinem Schablonenthema

background: url('../img/header-bg.png') no-repeat; background: url('/assets/img/header-bg.png') no-repeat;

lokal Diejenigen, beide arbeiten aber beide Ergebnis in einem 404, wenn ich mein Thema hochladen. Ich habe das Bild in dieses Verzeichnis und alles aufgenommen.

Quelle

2016-08-02 Suzukijak3

Ich hatte das gleiche Problem, das Sie erleben, und ich bin nicht 100% sicher, was der BC empfohlen, Hintergrundbilder in CSS zu verweisen.

Angenommen, Sie platzieren die Bilder in Ihrem Verzeichnis "Assets/IMG" Ich habe festgestellt, dass das Aufrufen von background:url('../img/header-bg.png') so funktioniert sowohl lokal als auch in der Produktion.

Hoffe, das hilft.

Quelle

2016-08-03 12:56:55 thannes

Also, ich habe herausgefunden, dass ich nicht das richtige Thema auf der Produktion aktiviert und die 'Hintergrund: URL ('../ img/header-bg.png') keine Wiederholung;' funktionierte. Kannst du es bei dir ausprobieren, um zu sehen, ob es funktioniert? Ich denke, der relative Weg ist der richtige Weg, dies zu tun. – Suzukijak3

Ja, jeder relative Pfad funktioniert für mich. – thannes

Großartig, wenn Sie Ihre Antwort aktualisieren können, um den kürzeren relativen Pfad zu verwenden, werde ich Ihre Antwort korrekt markieren. Danke fürs Helfen! – Suzukijak3

Wie referenziere ich ein Bild in meinem Schablonenthema

Antwort

Verwandte Themen