shopify目录中的某种JS冲突

Question

使用Shopmusic主题作为基础。

尝试将所有产品放在主页上。当我将collection.liquid代码移动到索引（只是在教程中告诉它的方式）时 - javascript停止工作。当你去集合/全部或任何其他集合作为集合 - 它完美地工作。当我将某个集合分配给某个页面时 - 产品网格的JS停止在该页面上工作。

更确切地说，灯箱不起作用，雨伞滞后（当您将产品添加到购物车时，链接只会将您发送到购物车页面而不是简单地更新数字）

经过一段时间的搜索，我想，这很可能是某种JS冲突。但是，无法弄清楚冲突中的情况。

Answer 1

链接的集合页面显示索引模板上不存在的脚本。确保主题包含主页上的那些脚本。这并不意味着没有冲突，而是首先将此错误排除在外。

你很可能在theme.liquid中有条件：

{% if template contains 'collection' %}
   <script src="your-script"></script>
{% endif %}

您应该扩展它以包括主页：

{% if template contains 'collection' or template == 'index' %}
   <script src="your-script"></script>
{% endif %}

Answer 2

尝试将$ sign替换为jQuery以避免javascript冲突......