液体内の液体またはJavaScriptの変数でShopify APIにアクセスするにはどうすればよいですか？

Question

私が見つけたことから、これは不可能かもしれないようです。しかし、これを行うには多分あるはずです。私がやりたいことは、APIから情報を得て、それを液体変数に渡すことだけです。多分別の方法があります。

Answer 1

液体はサーバー側をレンダリングするので、JavaScriptエンジンに変数を渡すことはできません。しかし、あなたは液体のテンプレートコードをJavaScript関数に埋め込むことができます。例えばPass variable from Java script to liquid?

：助けるかもしれないいくつかのサンプルコードでshopifyフォーラムのポストがあります

$(function() { 
    new Shopify.OptionSelectors("product-select", { product: {{ product | json }}, onVariantSelected: selectCallback }); 

    // Add label if only one product option and it isn't 'Title'. 
    {% if product.options.size == 1 and product.options.first != 'Title' %} 
    $('.selector-wrapper:eq(0)').prepend('<label>{{ product.options.first }}</label>'); 
    {% endif %} 

    // Auto-select first available variant on page load. 
    {% assign found_one_in_stock = false %} 
    {% for variant in product.variants %} 
    {% if variant.available and found_one_in_stock == false %} 
     {% assign found_one_in_stock = true %} 
     {% for option in product.options %} 
     $('.single-option-selector:eq({{ forloop.index0 }})').val({{ variant.options[forloop.index0] | json }}).trigger('change'); 
     {% endfor %} 
    {% endif %} 
    {% endfor %} 

});