如何将 jQuery 添加到 Shopify - HTML

如果您正在使用 Shopify 平台构建电子商务网站或网页，并且想要添加 jQuery 库，这篇文章会为您提供详细的步骤。

步骤一：下载 jQuery 库

首先，您需要从 jQuery 官方网站下载最新版本的 jQuery 库。在下载页面上，您可以选择下载最新版本的稳定版或开发版。我们建议您下载稳定版。

下载完成后，将文件保存到您网站文件夹的 JS（或 JavaScript）文件夹中。

步骤二：在 Shopify 主题中添加 jQuery 库

在 Shopify 主题中添加 jQuery 库很简单。在这个例子中，我们将假设你正在使用 Debut 主题。

1. 登录您的 Shopify 后台，进入 Online Store > Themes。

   Markdown:

   ![step1](https://i.imgur.com/hZCe6uw.png)
   

2. 选择您要编辑的主题

   Markdown:

   ![step2](https://i.imgur.com/7jK61Pi.png)
   

3. 在主题编辑页顶部选择 Actions > Edit code。

   Markdown:

   ![step3](https://i.imgur.com/hPwnKmo.png)
   

4. 在左侧文件夹列表中，找到并打开您的主题的 theme.liquid 文件。

   Markdown:

   ![step4](https://i.imgur.com/gCkNlFQ.png)
   

5. 在文件中找到 </head> 标签之前的任何位置，添加以下行：

   <script src="{{ 'jquery-3.5.1.min.js' | asset_url }}"></script>
   

   如果您下载了其他版本的 jQuery 库，请相应地更新文件名和版本号。

   Markdown:

   ![step5](https://i.imgur.com/y9rvzjg.png)
   

6. 点击 Save 保存对文件的更改。

   Markdown:

   ![step6](https://i.imgur.com/LUQwQFs.png)
   

现在，您已成功添加 jQuery 库。可以在主题中的任何脚本文件中使用 $（...） 以及其他 jQuery 功能。

结论

将 jQuery 添加到 Shopify 的主题中很容易，只需要下载库文件并将其添加到 theme.liquid 文件即可。希望这篇文章对您有所帮助。