个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
我正在使用 Shopify Polaris 创建 Shopify 嵌入式应用。我必须在嵌入式应用程序的页面中包含模式表单。我知道我必须使用 this .但我没有使用 ReactJS。所以我不能在模态中改变形式。我不知道该怎么做。如果有人知道解决方案，将不胜感激。
我还注意到一件事。我试过“数字字段”输入(从 here 的下拉列表中选择数字字段)。递增和递减箭头键在示例中有效，但在我的表单中无效。
这是我的代码
<html>
<head>
<link rel="stylesheet" href="https://sdks.shopifycdn.com/polaris/2.0.0-rc.3/polaris.min.css" />
</head>
<body>
<div class="">
<div class="Polaris-Labelled__LabelWrapper">
<div class="Polaris-Label">
<label id="TextField3Label" for="TextField3" class="Polaris-Label__Text">Quantity</label>
</div>
</div>
<div class="Polaris-TextField Polaris-TextField--hasValue">
<input id="TextField3" class="Polaris-TextField__Input" type="number" aria-labelledby="TextField3Label" aria-invalid="false" value="1">
<div class="Polaris-TextField__Spinner" aria-hidden="true">
<div role="button" class="Polaris-TextField__Segment" tabindex="-1">
<div class="Polaris-TextField__SpinnerIcon">
<span class="Polaris-Icon"><svg class="Polaris-Icon__Svg" viewBox="0 0 20 20" focusable="false" aria-hidden="true"><path d="M15 12l-5-5-5 5z"></path></svg></span>
</div>
</div>
<div role="button" class="Polaris-TextField__Segment" tabindex="-1">
<div class="Polaris-TextField__SpinnerIcon">
<span class="Polaris-Icon"><svg class="Polaris-Icon__Svg" viewBox="0 0 20 20" focusable="false" aria-hidden="true"><path d="M5 8l5 5 5-5z" fill-rule="evenodd"></path></svg></span>
</div>
</div>
</div>
<div class="Polaris-TextField__Backdrop"></div>
</div>
</div>
</body>
</html>
最佳答案
很抱歉，如果不在 Shopify Polaris 中使用 React Js，那么它将只是 HTML 和 CSS 基本代码。
不支持模型选项卡、隐藏显示等 js 事件。您需要使用基本的 javascript 或 jQuery 自己编写所有内容。
关于javascript - 如何在没有 ReactJS 的情况下使用 Shopify Polaris？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50405296/
25
4
0
我正在为 Shopify 构建一个应用程序。我的商店以欧元为基础货币，并支持不同的货币，例如美元、新西兰元……(我将其称为活跃货币)。 我可以使用 javascript window.Shopify.
Shopify 的 documentation显示产品句柄中允许的一些字符(URL 中使用的产品标识符)。 Since handles are used for your storefront nav
如何检查当前页面是否是 theme.liquid 中的购物车页面？我试过 page.handle=='cart'但它不起作用。 最佳答案 您不需要 handle过滤器，你可以只使用: {% if te
我正在考虑为 Shopify 开发一个应用程序，它将向商店的结帐页面添加功能。如果用户不必自己将代码复制并粘贴到文件中，那将是理想的，因此我正在考虑使用 ScriptTag API ( http://
我正在为 Shopify 开发一个应用程序。目前处于开发阶段。到目前为止，我已经成功地授权了该应用程序，然后使用嵌入式应用程序 SDK 将其重定向回管理页面。但是，当我返回到管理页面时，它给我一个错误
我想知道 Shopify 中的实体可以拥有的元字段数量有何限制。例如，在产品对象的给定 namespace 下，您可以拥有 1000 个唯一的键值对吗？有硬性限制吗？ 请注意，我已经查阅了 Shopi
有没有办法将 Shopify 购物车中的“继续结账”按钮重定向到另一个系统来处理销售？事实上，开发人员/设计师无法参与销售流程的最后一部分，这意味着即使是最轻微的变化也会成为无法克服的问题。有谁知道是
我正在开发一个集成 Shopify 的模块。 所以我想用真实数据测试我的应用程序。 Shopify 是否提供沙盒功能？ 最佳答案 如果您创建 partners account您可以设置一个测试商店，让
我想知道 Shopify 中的实体可以拥有的元字段数量有何限制。例如，在产品对象的给定 namespace 下，您可以拥有 1000 个唯一的键值对吗？有硬性限制吗？ 请注意，我已经查阅了 Shopi
我正在尝试检索博客上的最新文章。我下面的当前代码不输出任何内容。 {% for article in blogs['myblog'].articles.last %} {{ article.tit
我试图在我的节文件中使用一个变量，但它似乎没有从它的父模板继承。 例如: index.liquid {% assign foo = "bar" %} {% section 'example' %} s
我正在尝试编写一些代码来估计 Shopify 中的发货日期。我一直在学习 liquid，但在用 Ruby 编写一些逻辑时遇到了问题。我不确定 Shopify 模板是使用 Ruby 还是 Ruby on
我正在尝试为我的客户生成一个注销链接，但想为该链接应用一个类。 {{ 'layout.customer.log_out' | t | customer_logout_link }} 上面的liquid
我有 Shopify 商店，客户可以在购买前设计/定制他们的产品。并且根据所选变体的设计/定制价格可能会有所不同。但我认为 Shopify 不便于在添加到购物车时动态更改变体价格。 我可能缺少任何解决
我做了以下事情: 创建合作伙伴帐户 创建了一个开发商店 创建了一个应用。 但我似乎找不到将我的应用程序添加到我的开发商店的方法。有人可以解释一下如何将它添加到我的开发商店而不将其放入应用商店吗？ 最佳
当我在 Shopify 中循环访问一个集合时，我想将该产品添加到另一个产品数组中，以便我可以再次循环访问它。 {% assign custom_products = '' %} {% for prod
我需要在 shopify 产品页面上添加自定义文本框字段。 我的要求是在产品页面上添加文本框字段，当客户在购物车中添加产品时，该文本框字段值也会显示在购物车页面和结帐页面上。 我还需要在管理员自定义订
与 Shopify API您可以设置输入字段供用户调整主题，例如: { "type": "number", "id": "products_per_page", "label": "Pro
我想为我的 shopify 应用程序使用 Polaris css 组件。我看过他们的文件 https://polaris.shopify.com/components/get-started#navi
我是 Shopify 的新手，我正在尝试配置现有主题并遵循此处指南 (https://shopify.github.io/themekit/) 的完整流程，但是当我尝试运行命令主题下载时，它显示了错误
我是一名优秀的程序员,十分优秀！