如果用户单击类名为“3-col”的按钮，它将执行以下代码：'{％assign products_per_row =“3”％}’。
如果用户点击“4-col”按钮，它将执行以下代码：'{％assign products_per_row =“4”％}’。
但是，下面的代码不起作用。
我已经研究过所有这些方法，但我做不到。 任何建议表示赞赏。 谢谢！
{% include 'product-loop' with settings.collection_sidebar %} function prod3(){ {% assign products_per_row = "3" %} } function prod4(){ {% assign products_per_row = "4" %} }
PS：上面的网站基于Haravan.com，它只是喜欢Shopify.com（创建自己的商店，用液体代码定制主题……）
这是我对Shopify感到好奇的事情。 没有简单的方法来提供模板和客户端代码之间的交互。
为了做到这一点，你需要在客户端做到这一点。
让我们说你的产品是div类的’product-cell’然后你的代码可能是：
function prod3(){ $(".product-cell").css('width', '33.3%'); } function prod4(){ $(".product-cell").css('width', '25%'); }
然后确保你在你的主题中包含jQuery作为资产，如果这是你想要持久的东西，包括使用localStorage或cookie。
function prod3(){ $(".product-cell").addClass("col-md-3"); } function prod4(){ $(".product-cell").addClass("col-md-4"); }
以上就是jQuery教程分享shopify点击不同的按钮将运行不同的液体代码相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址：https://www.ctvol.com/jquerytutorial/524507.html