如何在Shopify“THEME-APP-EXTENSION”和应用程序后端之间传递数据?

2023-12-27

我试图弄清楚如何在 theme-app-extension 和 theme-app-extension 连接到的应用程序后端之间传递数据。 theme-app-extension 都是 Liquid、css 和 javascript,所以我不确定是否有内置方法在两者之间传递数据。例如,是否有建议的方法将数据从数据库提取到主题应用程序扩展中,是否有建议的方法从运行主题应用程序扩展的代码将数据发送到数据库?我对使用 theme-app-extensions 以及构建 Shopify 应用程序还很陌生。我已经构建了面向管理员或只是装饰性的 Shopify 应用程序,这是我第一次构建一个 Shopify 应用程序,该应用程序接受用户输入并将其发送到数据库并检索该数据以供最终用户查看。

任何建议将不胜感激。

谢谢。


我一周前开始开发 Shopify 应用程序(主题应用程序扩展)

我遇到了同样的问题,所以我确实使用 Fetch 在 javascript 文件中使用 API 这是代码示例:

我将其添加到资产内的 global.js 文件中

然后我链接了我的 Liquid 块中的脚本文件

同样在 global.js 中,我通过注入从 API 消耗的数据来操作 DOM,这是一个示例

最后我所做的是直接与 DOM 通信以注入或检索数据,然后使用 javascript 处理它

我希望这可以帮助你

附: 这也是我第一次使用 Shopify,我非常失望(缺乏资源、文档和社区)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在Shopify“THEME-APP-EXTENSION”和应用程序后端之间传递数据? 的相关文章

  • 今天给一个shopify网站修改了一下

    今天的客户是浙江的 他们没有设计稿 给了我一个需要模仿的网站 要求是把自己的商品详情页搞成和对标网站一样的 这个事情两天给搞定了 他们很满意 对标网站是一个卖狗粮的 他们是卖玩具的 哈哈 但是因为没有设计稿 修修补补了很多地方 还要求在页面
  • css多层边框使用多层阴影实现修改shopify 变体 商品属性 variant 修改实现

    我们在开发的时候经常会需要实现很多环形嵌套 圆形嵌套 或者是多边框 多层不同颜色边框嵌套的效果 方形的可以用outline 和border来增加 但是outline在大部分的浏览器不支持圆角 只有火狐浏览器使用火狐的前缀 moz outli
  • 日期比较逻辑/液体模板过滤器

    我正在尝试创建一个类似 预购 的机制 其中我的 Shopify Liquid 模板的某些元素仅在当前日期大于或小于元字段中指定的日期时显示 截至目前 这就是我所拥有的 包括逻辑 p Today now date d m Y p p Rele
  • 单击产品标签时标签计数会自动更改

    我正在使用 Shopify 我在集合页面中 我获取所有带有标签计数的过滤器 例如 All Products Apple 4 Banana 2 Orange 1 Mango 8 现在 当我单击任何标签 例如我单击香蕉 时 它将显示香蕉产品 现
  • 如何在shopify的产品详细信息页面上显示元字段?

    我有一个使用 Shopify API 调用创建的元文件 如下所示 POST admin products 1328 metafields json array metafield gt array namespace gt inventor
  • 每创建 3 列后添加一个新行

    在 Shopify 产品页面中 添加了一个新部分 以在 3 列行中显示一些统计信息 我试图使用下面的代码在 3 次迭代后将每个新列放入新行中 我希望行只有 3 列 这似乎不符合我的逻辑 请帮我找出为什么第三次迭代后的列没有出现在新行中 h2
  • Shopify Order API 是否允许按嵌套字段进行过滤?

    我正在使用shopify api gem API 文档 http api shopify com order html表明你可以瘦下来ShopifyAPI Order通过告诉它要返回哪些字段来响应 例如 以下内容将仅返回id属性 以及shi
  • 使用 Shopify API 请求在自定义网站上使用 JavaScript 获取所有产品

    我有一个基于 node js 的自定义网站 我希望能够通过 GET 请求获取我的所有产品 店铺化购买按钮 https help shopify com en manual sell online buy button create buy
  • 如何处理 Shopify API 与 Shopify gem 的连接?

    您好 我正在我的 Shopify 应用中使用 Shopify gem 我正在寻找有关如何处理与 Shopify 的 API 连接的建议 我正在使用 webhooks 和delayed jobs 所以我需要一种方法来打开控制器外部的连接 目前
  • 如何通过在shopify中点击将多个产品添加到购物车

    我想在 Shopify 中单击一下即可将多个产品添加到购物车 应用经常一起购买的产品的算法 如果有人了解 Shopify API 或与上述相关的内容 请提供帮助 请用您的知识指导 网上有大量相关文档 https help shopify c
  • 如何更改 Shopify 主题名称

    有谁知道如何更改 Shopify 主题的名称 我似乎找不到该文件 我尝试使用 Wingrep 搜索并查找主题名称 但没有得到任何结果 找到了 主题选项中显示的主题名称由主题文件夹的名称定义 因此 如果您想为主题指定自定义名称 请在将主题上传
  • 在集合页面 Shopify 中显示变体选项

    我知道这个问题在互联网上被问了数百万次 但似乎每个人都希望有一个有自己特色的解决方案 我找不到我真正需要的东西 因此 我使用此代码来显示我的收藏中的变体 然后添加到购物车
  • 使用外部服务的 Shopify 自定义搜索

    我的情况 我们有一个 Shopify 商店 我们还有一个在 AWS 上实施和托管的搜索引擎 我们需要使用该搜索引擎而不是 Shopify 商店中的默认 search 理想情况下 当用户尝试搜索某些内容时 他们的查询 以及可能的其他内容 例如
  • Shopify 购物车更改事件 - javascript

    当 Shopify 购物车发生更改时是否会触发一个事件 我可以每隔 x 秒刷新一次购物车 看看是否有什么变化 但基于事件的方法总是更好 虽然没有一站式 购物 呵呵 的方法 但这是可以做到的 在 Shopify 中 商品可以通过常规 HTML
  • Shopify API 订单查询参数的时区

    The Shopify 订单 API http api shopify com order html允许指定基于日期的查询参数 例如created at min 我想知道这些日期预计在哪个时区 如果您不提供时区 Shopify 将采用 UT
  • 如何将外部 JavaScript 与 Shopify 网站结合起来

    我已经使用 Pingdom 测试了我的网站 并建议结合外部 javascript 但我不知道如何使用 shopify 网站来做到这一点 为 Shopify 主题添加外部脚本文件非常简单 您只需将脚本文件上传到主题文件的 asset 文件夹中
  • Postmates 与 Shopify Shipping/Carrier 服务集成

    我们正在寻求集成此应用程序 https postmates com developer docs https postmates com developer docs进入我们的 Shopify 平台 有关其工作原理 请检查 http blo
  • 使用 Shopify 管理 API 创建产品

    我第一次开始使用 React 和 Node js 构建私有 Shopify 应用程序 该应用程序的目的是监听 添加到购物车 按钮 单击该按钮后 它应该使用 Shopify 产品 API 在 Shopify 后端中创建自定义产品 我在基本 J
  • 液体字符串中的转义字符

    我正在尝试将包含各种尺寸的标签列表放在一起 在 Shopify 中使用 Liquid 尺寸使用单引号和双引号表示英寸和英尺 因为它同时使用两者 所以会导致字符串正确关闭的问题 我尝试过使用标准转义字符 但这似乎不起作用 是否可以在 Liqu
  • 如何延迟加载嵌入在 iframe 上的 YouTube 视频?

    如何将延迟加载应用于iframe嵌入视频 我尝试添加loading eager loading auto and loading lazyload 您可以使用srcdoc你里面的属性iframe标签来加载图像 请参阅以下示例作为参考

随机推荐