将 Cookie 分配给变量？ Shopify

Question

我对这一切都很陌生，所以请多多包涵！ 我正在使用Shopify，并想根据客户刚刚查看的集合更改其中一个页面上的图片。

我们希望使用cookies 来实现这一目标。到目前为止，当用户访问一个集合时，我已经设法分配一个等于集合句柄的 cookie（我知道这是可行的，因为它已经在网站的其他地方用不同的功能进行了测试），但我不知道如何使用这个显示正确的图像。

我们所有的图像文件都已通过使用集合句柄命名它们与正确的集合匹配。因此，假设您刚刚使用句柄 defenders-of-wildlife 进行收藏，要在页面上显示图像，代码为： {{ '野生动物保护者' |资产网址 | img_tag }}

所以我需要找到一种方法来使用cookie 来更改代码中的第一部分。

非常感谢任何建议！

Answer 1

您无法在 shopify 液体语言中读取 cookie。一切都需要使用js来完成。

例如，您可以将 shopify asset_url 分配给 javascript 变量。

var img_path = '{{ '?' | asset_url | split:'?' | first }}';

然后从 cookie 和图像扩展名（.jpg 或 .png）添加您的收藏句柄名称。然后使用javascript显示图像。