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

Question

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

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

因为我的应用程序可以处理不同的主题，所以每个主题都有自己的布局。我认为使用脚本标记不会起作用。请给我一个不使用脚本标签的解决方案。

请注意，我正在与Laravel合作。

提前谢谢！

Answer 1

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

Answer 2

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