Shopify（液体）在选择和改变样式选项有

Question

我通过图像的选择的选项计数尺寸：http://www.raues.com/products/copy-of-black-and-blue-glasses-top

我希望计算每个选项的图像的数量，改变的样式（宽度）根据这个数字的图像。我发现这个代码可以计算选择输入的大小：

document.querySelector（“＃{{settings.option1_title}}”）。length。

所以我做了以下内容：

<script type="text/javascript"> 
       var len = document.querySelector("#{{settings.option1_title}}").length; 

{% if len < 10) %} 

<style> 
ul.thumbnails.image_picker_selector li { 
    max-width: 160px; } 
</style> 

{% endif %}    

</script> 

但它不工作。我认为liquid不会读取我之前创建的“len”变量，而且我不确定是否将语句添加到代码的正确方法（如果语句为true）。

非常感谢您的帮助。

Answer 1

Liquid首先在服务器端呈现，而javascript则在客户端运行（see here）。

因此，您的javascript len变量在评估流体if语句{% if len < 10 %}时不存在。改为使用javascript if语句。