在shopify中如何使用JavaScript结合开发文档实现不加入购物车直接进入订单支付环节呢?

2023-10-29

今天有一个shopify修改的需求,在shopify中如何使用JavaScript结合开发文档实现不加入购物车直接进入订单支付环节

通过查看开发文档和尝试,发现可以实现。

获取到商品信息,然后通过/cart/create.js接口提交订单,然后将用户重定向到 Shopify 的结账页面。

// 使用 API 创建订单
fetch('/cart/create.js', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    line_items: [
      {
        variant_id: 123456789,
        quantity: 1,
      },
    ],
    shipping_address: {
      first_name: 'John',
      last_name: 'Doe',
      address1: '123 Main St',
      phone: '555-555-5555',
      city: 'Anytown',
      province: 'CA',
      country: 'Canada',
      zip: 'A1B 2C3',
    },
  }),
})
  .then((response) => response.json())
  .then((data) => {
    // 将用户重定向到 Shopify 的结账页面
    window.location.href = '/checkout?id=' + data.token;
  });
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在shopify中如何使用JavaScript结合开发文档实现不加入购物车直接进入订单支付环节呢? 的相关文章

  • shopify theme 跨境电商开发 liquid

    shopify theme 多语言国际化开发 shopify theme 跨境电商开发 liquid 本地编辑shopify主题的方式一 shopify cli 的命令 最近有有一个叫做shopify的跨境电商的东西需要开发一些主题和模板
  • shopify cli 的命令

    shopify theme 多语言国际化开发 shopify theme 跨境电商开发 liquid 本地编辑shopify主题的方式一 shopify cli 的命令 使用shopify help
  • Shopify 前端开发经验总结(问题及解决)

    对shopify的理解 个人理解不具有权威性 若有错欢迎指出 非常感谢 shopify其实就是一个为跨界电商准备的售卖网站 与其他淘宝和京东非常相似 但是对于商家来说 可能更具有个性化 我没有做过淘宝等网站的项目 不过我的理解是这些网站对于
  • Shopify开发入门-前端保姆级教程

    Shopify开发入门 前端保姆级教程 本文旨在介绍Shopify开发入门 环境 配置等 帮助开发者配置环境 了解各个开发模式的区别及用途 已有Shopify开发经验者可退出 以免浪费你的宝贵时间 本文5k字 图片 链接 代码块较多 请耐心
  • ew schema is incompatible with the current setting value. Invalid value for type in block

    shopify开发报错 New schema is incompatible with the current setting value Invalid value for type in block 84341d56 61dc 4c39
  • Shopify商品置顶功能

    Shopify商品置顶功能 商品置顶功能描述 通过在商品列表页为链接添加参数的方法实现置顶某个或多个商品的功能 需按以下步骤将目标代码添加到目标位置 目标代码 assign handles assign handleSize 0 if cu
  • css多层边框使用多层阴影实现修改shopify 变体 商品属性 variant 修改实现

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

    我正在尝试创建一个类似 预购 的机制 其中我的 Shopify Liquid 模板的某些元素仅在当前日期大于或小于元字段中指定的日期时显示 截至目前 这就是我所拥有的 包括逻辑 p Today now date d m Y p p Rele
  • 上传具有多种变体选项的新产品

    我正在尝试通过 ruby 而不是使用 Rails 上传产品 我已通过 API 上传了 100 多个产品 但我无法上传具有多个选项值的产品 即使我分配三个选项值 它也不会填充其他两个 这是脚本 require shopify api requ
  • 调用 Shopify 设置时 Liquid if 语句中的变量

    我认为这很容易解决 但我试图将变量放在液体语句中 我有我的变量 loop index 我希望它在这个声明中 if settings dropdown loop index select 我尝试将其绕过 但没有成功 基本上应该是setting
  • Shopify API:如何向客户发送有关正在发货的产品的电子邮件?

    我正在尝试通过更新订单履行情况向客户发送一封包含订单跟踪信息的电子邮件 但该电子邮件未发送出去 我可以检索履行情况并添加跟踪代码 它可以正确保存 但状态不会更新 fulfillment id 3252574519475 shopify or
  • 每创建 3 列后添加一个新行

    在 Shopify 产品页面中 添加了一个新部分 以在 3 列行中显示一些统计信息 我试图使用下面的代码在 3 次迭代后将每个新列放入新行中 我希望行只有 3 列 这似乎不符合我的逻辑 请帮我找出为什么第三次迭代后的列没有出现在新行中 h2
  • JS Cookie 隐藏/显示 div

    尝试使用 jQuery cookie 隐藏 显示框JS 饼干 https github com carhartl jquery cookie 但我不知何故无法让它发挥作用 该框根本不会显示 我正在使用 Shopify pop up disp
  • 结账时修改 Shopify 运费

    Is there a possibility that we could add a custom shipping price at checkout through an API call or script 我想根据一些规则修改价格
  • Shopify 结账中的脚本标签

    我正在考虑为 Shopify 开发一款应用程序 该应用程序将为商店的结帐页面添加功能 如果用户不必将代码复制并粘贴到文件中 那将是理想的选择 因此我正在考虑使用 ScriptTag API http api shopify com scri
  • Shopify(液体):查找两个日期之间的天数

    我是 Shopify 和 liquid 文件语法的新手 我目前可以获得两个日期 assign product created date product created at date a b d y assign current date
  • Shopify:如何处理卸载然后立即重新安装?

    我最近遇到过这样的情况 用户卸载了我的 Shopify 应用程序并立即重新安装 这导致了一个问题 因为我将所有用户存储在数据库表中 登录 安装工作如下 用户告诉我他的商店网址 我将用户转发至 example myshopify com ad
  • Shopify 应用桥会话令牌在使用 vue.js 和 Axios 时遇到一些问题?

    我在制作 Shopify 应用程序 Vue js 作为前端和 laravel 作为后端时遇到一些问题 我正在使用 app bridge 生成会话令牌 它生成会话令牌正常 并且工作正常 直到重新生成会话令牌 重新生成会话令牌后 它会响应 会话
  • 如何使用Shopify API更改订单的付款状态?

    我正在为我自己的 Shopify 商店构建 iOS 应用程序 我创建了一个私有应用程序 并使用 API 密钥和密码来调用以下格式的 API https apikey password hostname admin resource json
  • 如何延迟加载嵌入在 iframe 上的 YouTube 视频?

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

随机推荐