提问者:小点点

如何在Shopify公共应用程序中添加JavaScript


我正在使用Ruby on Rails开发Shopify公共应用程序。我想在所有的商店头版上删除一些信息。官方文件仅解释了管理面板的修改。我怎样才能进入商店门面?我应该在哪里添加脚本,我是说在哪个控制器中?

实际上,我是一名PHP开发人员。我是Shopify和RubyonRails的新手。我正在尝试开发一个shopify公共应用程序,它将在所有页面(前端)显示与产品相关的信息。我首先遵循shopify的教程,创建了一个类似hello world的应用程序,它在管理端显示产品列表。但我真的找不到任何能改变商店前端的东西。

所以,请帮助我如何在前端进行更改。我还想获得当前用户信息和产品详细信息(如果是产品视图页面)。


共3个答案

匿名用户

我们可以使用config.scripttags在shop ify商店首页加载JavaScript。语法如下:

config.scripttags = [
  {event:'onload', src: 'https://domainname.com/path_to_script.js'},
]

您应该将此代码添加到shopify_应用程序Gem初始值设定项文件中,该文件可在中找到

config/initializers/shopify_应用程序。铷

希望这将帮助某人...!

匿名用户

您可以从shopify获得此信息,shopify为您提供添加新页面、更新页面、获取客户、获取产品等管理API。。那样

Shopify管理API

在线商店有一个包含API页面的部分,您也可以看到产品、订单和客户的API。

您也可以添加您的js文件在网上商店页面与httpsendpoint静态在admin帐户的shop ify示例代码

<div id="test"></div>
<script async="true" src="https://www.example.com/test.js"></script>

在在线商店页面中添加这样的js代码,并检查js是否正在加载

匿名用户

听起来你好像在问你需要把你的JS文件放在哪里才能把它们加载到前端。这将有助于:

http://railsapps.github.io/rails-javascript-include-external.html#locations

无论您是使用Rails资产管道还是直接向视图添加标记,您都必须选择将任何本地JavaScript文件放在哪里。

对于本地JavaScript文件,我们有三个位置可供选择:

app/assets/javascripts文件夹

lib/assets/javascripts文件夹

供应商/assets/javascripts文件夹

以下是为脚本选择位置的指南:

为您的应用程序创建的JavaScript使用应用程序/资产/javascricript。

对于许多应用程序共享的脚本,请使用lib/assets/javascripts(但如果可以,请使用gem)。

使用vendor/assets/javascripts复制来自其他开发人员的jQuery插件等。