Shopify - Verarbeitet sich Liquid vor JavaScript?

Ich versuche, Asset-URLs mit JavaScript aufzurufen, eine Zeichenfolge dynamisch in den flüssigen Code verketten, aber es wirft einen Fehler. Ich denke, dass das Liquid vor dem JS verarbeitet werden muss.Shopify - Verarbeitet sich Liquid vor JavaScript?

function loadProductThumbnails(size) { 
    $(".hammock-thumbnail1 img").attr("src", "{{ \'"+size+"-side-main-image.png' | asset_img_url: '150x150' }}"); 
}

Ist das möglich? Ich arbeite mit über tausend Bildern und musste jede flüssige Bildurl separat eingeben. Wenn ich das dynamisch machen könnte, schneide ich den Code ziemlich herunter. Vielen Dank!

Quelle

2016-08-29 Kevmon

Flüssigkeit wird Server-Seite gemacht, so können Sie keine JS var in die Flüssigkeit String integrieren.

Sie könnten einen Teil Ihrer Liquid var mit {% capture%} erfassen und dann in Ihrer Funktion als var.

Quelle

2016-08-29 08:08:26

Danke für die Klärung, ich werde dazu einige Gedanken haben. Alle Bild-URLs werden durch flüssige Tags erzeugt, so dass ich definitiv herausfinden müsste, wie man sie dynamisch mit Hilfe von Logik und String-Filtern erzeugt, wenn es möglich ist. Ich glaube jedoch, dass Sie mit Shopify keine Liquid-Logik in .js.liquid- und .css.liquid-Dateien verwenden können, also kann es vielleicht mit einer clever gestalteten normalen .liquid-Datei gemacht werden, die eine Logik verwendet, wie Sie sie empfohlen haben. – Kevmon

function loadProductThumbnails(size) { 
    $(".hammock-thumbnail1 img").attr("src", ""+size+"-side-main-image.png"); 
} 



the `src` attribute maybe is not correct?

Quelle

2016-08-29 07:58:22

Das "src" -Attribut ist korrekt, basierend auf der HTML-Syntax '' – Kevmon

Shopify - Verarbeitet sich Liquid vor JavaScript?

Antwort

Verwandte Themen