我们如何在不使用Script标签的情况下将我们的自定义APP代码（html代码）注入shopify产品页面

Question

我试图弄清楚如何将我的应用程序的 html div 放到 shopify 的产品页面上。我正在使用 laravel 创建一个基于数量分解功能的 APP。我需要在产品页面上添加 HTML 代码，如下所示。

在右侧，您可以在“添加到购物车”按钮上方看到 HTML 代码。我需要做同样的事情。

因为我的应用程序将适用于不同的主题，并且每个主题都有自己的布局。我不认为使用脚本标签会起作用。请给我一个不使用脚本标签的解决方案。

请注意，我正在使用 Laravel。

提前致谢！

Answer 1

1. 当用户安装你的应用时，使用ScriptTag在产品页面添加js
2. 使用 js，搜索带有文本“添加到购物车”或包含“购物车”的按钮 id。如果商店使用捆绑应用，它可能有一个额外的按钮“将捆绑添加到购物车”
3. 在“添加到购物车”按钮下添加您的代码

Answer 2

您可以使用一个应用代理。或者另一个的脚本标签。你的选择。选择让你最快乐的那个。