Shopify 通过应用与产品页面 HTML 互动

Shopify Interact with product page HTML via app

我们计划创建一个 Shopify 应用程序，但我们面临一些问题，无法在文档中找到如何与页面交互。

我不确定我们是否必须要求每次用户添加代码等，所以我需要知道我是否遗漏了什么。

我需要通过应用与 Shopify 中的产品页面进行交互。

我为此搜索并阅读了所有网络，一切都是如何开始的，但不是实际的例子。

我知道 ScriptTags 以及如何包含它们，但仅此而已。如果有人能给我一个简单的例子，例如如何隐藏购买按钮并插入一些东西。

我知道如何 select 使用默认主题 JQuery 但所有其他主题呢？

首页有两种交互方式：

1) 在页面中注入一些代码（实时页面）

2) 如您所述使用 ScriptTag。

代码注入 脚本将修改产品模板并注入您的代码（如果您希望自动执行此操作）或者您可以指示用户自行执行此操作，但如果他们不精通代码，则可能会出现问题。

此外，在大多数情况下，此代码只会在实时主题上生效。如果用户喜欢在特定时间删除您的应用程序，您必须确保以这样的方式编写逻辑，即使您的应用程序不再存在也不会影响网站（因为清理自动添加代码后的文件)

对于这种方法，您需要使用资产 API。

您需要获取带有 GET request to the file and make a put request 的文件内容才能更新它。

更好的方法是使用 ScriptTag API。

这将允许使用将附加到每个主题的脚本文件。这不会以任何形式或形状修改主题文件。

看来这就是您正在寻找的方法。

请记住，您将成为托管应用程序文件的人，因此您几乎可以在那里编写任何您喜欢的内容。因此，如果您喜欢使用 jQuery，则必须确保主题已包含 jQuery，否则您将不得不在脚本中添加 jQuery 核心代码。