Shopify - JavaScriptの前に液体が処理されていますか？

javascriptを使用してshopifyアセットURLを呼び出そうとしていて、文字列を液体コードに動的に連結していますが、エラーが発生します。私は液体がJSの前に処理しなければならないと思う。Shopify - JavaScriptの前に液体が処理されていますか？

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

これは可能ですか？私は何千もの画像を扱っていて、別々に生成するためにそれぞれの液体画像URLを入力しなければならなかった。私がこれを動的に行うことができれば、私はコードを大幅に削減しました。ありがとう！

出典

2016-08-29 Kevmon

Liquidはサーバー側にレンダリングされるので、JS varをLiquid文字列に統合することはできません。

Liquid varの一部を{％capture％}でキャプチャして、関数としてvarとして使用するようなことがあります。

出典

2016-08-29 08:08:26

に基づいて、「src」属性が正しいことを確認してください。私はこれをいくつか考えています。すべてのイメージURLは液体タグで生成されるので、ロジックと文字列フィルタを使用して液体を使って動的に作成する方法を考えなければなりません。しかし、私はShopifyでLiquidロジックを.js Liquidと.css.liquidファイルで使用することができないと考えていますので、お勧めのようなロジックを使って巧みに設計された通常の.liquidファイルで行うことができます。 – Kevmon

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



the `src` attribute maybe is not correct?

出典

2016-08-29 07:58:22

HTML構文「」 – Kevmon

Shopify - JavaScriptの前に液体が処理されていますか？

答えて

関連する問題