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

问题描述 投票:0回答:3

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

其实我是PHP开发人员。我是Shopify和Ruby on Rails的新手。我正在尝试开发一个shopify公共应用程序,它将在所有页面(前端)中显示产品相关信息。我首先关注了shopify's tutorial,并创建了一个像app这样的hello world,在管理端显示产品列表。但我真的找不到任何可以在商店前端进行更改的东西。

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

ruby-on-rails shopify shopify-app
3个回答
0
投票

听起来你在问你需要放置JS文件的位置,以便在前端加载它们。这应该有所帮助:

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

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

我们为本地JavaScript文件选择了三个位置:

app / assets / javascripts文件夹

lib / assets / javascripts文件夹

vendor / assets / javascripts文件夹

以下是为脚本选择位置的准则:

使用app / assets / javascripts为您的应用程序创建JavaScript。

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

使用vendor / assets / javascripts来获取其他开发人员的jQuery插件等的副本。


0
投票

你可以从shopify中提到这个,它为你提供管理API,用于添加新页面,更新页面,获取客户,获得产品等等

Shopify Admin APIs

有在线商店的部分,其中包含页面API,您还可以看到产品,订单和客户的API。

您还可以在shopify示例代码的admin帐户中静态地使用https端点在在线商店页面中添加您的js文件

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

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


0
投票

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

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

您应该在shopify_app Gem初始化程序文件中添加此代码,该文件可在以下位置找到

配置/初始化/ shopify_app.rb

希望这会有所帮助..!

© www.soinside.com 2019 - 2024. All rights reserved.