BigCommerce Schablone verwenden Lenker Helfer in CSS zum Hintergrundbild setzen

Question

Gibt es eine Möglichkeit, eine cdn Bildstelle aus einer CSS-Datei verweisen, um ein Hintergrundbild zu setzen? Zum Beispiel in einer Komponentendatei kann ich eine Bilddatei mit Referenz:

{{cdn 'img/my-image.jpg'}} 

Wenn ich will, das Bild als Hintergrundbild in CSS verwenden, muß ich es im Stylesheet setzen. Zum Beispiel:

Ist das möglich, oder muss ich das Hintergrundbild inline in HTML setzen?

Ich sehe, dass es eine benutzerdefinierte stencilString Methode ist, aber ich weiß nicht, wie das in meiner Situation funktionieren würde, da ich nicht die gesamte URL des Bildes auf dem CDN fest codieren möchte.

Answer 1

Momentan gibt es bei Stencil keine Möglichkeit, auf eine Variable zu verweisen. Dies ist mit Blueprint verfügbar.

Answer 2

Man konnte immer eingestellt es einen Inline-Stil mit:

<div class="element" style="url({{getImage image 'gallery' (cdn 'img/my-image.jpg') }}"> 

‚Galerie der Größe des Bildes bezieht sich auf zu bekommen. Siehe {{getImage}} Hilfedokument here