本人 兼职 shopify、店匠二次开发、仿站、定制等开发服务,有需要的可以加我微信 abc939039210,备注 shopify

什么是定制产品

定制产品,顾名思义,就是客户定制具有自己特色的产品。例如,定制记事本 —— 客户可以给商家提供图片和文字,让商家在记事本封面打印上自己的图片和文字。按照上例,则商家需要得到用户定制得内容(图片或文字,即:文件或文本),那我们要怎么拿到客户提供得文件或文本呢,这是我说要讲的内容

一、shopify 购物车的 properties 属性

通过查看 官方文档 Ajax cart ,我们可以得知 properties 是一个对象,这个对象是用来存放客户添加的自定义信息(官方描述:收集产品的自定义信息)。也就是我们的文件或文本都可以放到这里

二、使用 properties 属性,收集产品的自定义信息

按照官方文档,我们可以知道有两种做法,一种是自己在异步请求 Ajax API cart/add 中加入 properties,另一种则是在表单中添加 新的项(name=properties[<属性名>])。对于第一种我不举例,知道如何写异步请求的,基本自己看官方文档就能理解。我主要讲第二种,这种也是比较常用的做法

1、找到 form 表单位置

如果您未添加其他的产品页面内容模板,则form 表单位置默认是 product-template.liquid 文件里面,找到下图位置,form 就是我们提交信息的表单
表单位置
表单对应产品页面位置如下
在这里插入图片描述

2、在form 中 添加 properties 输入框

输入内容, 元素你可以随便改,不过你要确定的是 input 的 name 为 "properties[<自定义名称>]"

<p class="line-item-property__field">
    <label for="monogram">Monogram (up to 3 letters)</label>
    <input required id="monogram" style="width:120px; max-width:100%;" type="text" name="properties[Monogram]">

修改完我们可以得下面效果图
效果图

购物车
在这里插入图片描述
模拟下单,shopify 后台对应订单截图如下
在这里插入图片描述

4、上传文件实现的方法

利用上述方法同样也能实现文件上传,只不过有不少主题是采用异步的方法,这也就导致我们的文件无法上传,至于异步如何实现文件上传我就不再做讲述

什么是定制产品定制产品,顾名思义,就是客户定制具有自己特色的产品。例如,定制记事本 —— 客户可以给商家提供图片和文字,让商家在记事本封面打印上自己的图片和文字。按照上例,则商家需要得到用户定制得内容(图片或文字,即:文件或文本),那我们要怎么拿到客户提供得文件或文本呢,这是我说要讲的内容一、shopify 购物车的 properties 属性通过查看官方文档 或 Ajax cart,我们可以得知 properties 是一个对象,这个对象是用来存放客户添加的自定义信息(官方描述:收集产品的自定义信息 import json from shopify_discount_manager import ShopifyDiscountManager # Initialize a manager for your store: shopify_shop_name.myshopify.com discount_manager = ShopifyDiscountManager ( shopify_shop_name , login_email , password ) # Create a discount for 10% off all order items respo 星期一-项目计划 星期二-初步研究/阅读API文档,决定使用Chakra-UI,为Shopify开发人员帐户开始编码设置API密钥/登录信息 星期三-使用Shopify API内置在主框架中-在本地运行 星期四-完成产品页面的样式设置并开始实施购物车/菜单/结帐功能 星期五-完成首页构建,建立页脚 最有价值球员 运作正常的电子商务网站,能够向购物车中添加商品/从购物车中删除商品,以及结帐 发布MVP 扩大支票构成部分 建立付款处理器(专注于Stripe API) 进行部署,以便可以通过产品组合和LinkedIn进行访问 设置环境变量。 导出SHOPIFY_STOREFRONT_ENDPOINT = https://YOUR_MYSHOPIFY_DOMAIN/api/graphql.json 导出SHOPIFY_STOREFRONT_TOKEN = COPIED_TOKEN_FROM_YOUR_PRIVATE_APP 如果要更改代码以使用Admin API GraphQL,请设置另外两个。 导出SHOPIFY_ADMIN_ENDPOINT = https://YOUR_MYSHOPIFY_DOMAIN/admin/api/graphql.json 导出SHOPIFY_ADMIN_TOKEN = COPIED_API_PASSWORD_FROM_YOUR_PRIVATE_APP npm安装 npm开始
做过Shopify的卖家知道,Shopify里面的主题就像一个框架,你可在这个框架内填写内容,但是,你会发现这也是他的一个弊端,比如: 你的主题页面是80%宽度的,不管你填写什么内容,在Shopify上面怎么改,调整,他都不会达到100%全宽页面,你不能轻易改变这个框架。如果你既想保留80%页面宽,又想拥有100%的页面,又怎么操作呢? 我们可以通过更改主题的代码来达到这样的目的;更改好之后,可以...
身为 shopify 网站管理者与开发者 时常需要根据需求去编辑代码,进行少量的代码编辑在页面上编辑还好,但是需要编辑大量的代码则是非常不方便的,因此需要我们将代码同步到本地,并在本地编辑可以自动同步到shopify服务器上 第一步、搭建 shopify 本地开发所需要的环境 1、安装 chocolatey chocolatey 安装 根据 chocolatey 官网安装即可,非常简单
原贴Shopify 二次开发 配置本地开发教程 最详细详解 https://blog.csdn.net/BaymaxCSDN/article/details/105019828 中操作的一些补充事项 原贴提到后台开放权限,现在页面改版了,中文版本的获取流程如下: 1、进入后台应用,右边最下方管理应用 2、创建新的专有应用 3、打开themes主题的权限 就可以解决[API] This action requires merchant approval for read_themes scope.这
Shopify 提供了一个开发人员接口,称为 Shopify API,可以通过这个接口来实现Shopify 网站的二次开发。 要使用 Shopify API 进行二次开发,首先需要在 Shopify 应用中心中创建一个新的应用。然后,您可以使用各种编程语言(例如 Ruby、Python、JavaScript 等)来访问 Shopify API,并使用 API 的各种方法来实现所需的功能。 具体来说,您可以使用 Shopify API 来实现以下功能: - 创建、更新和删除店铺的产品、客户和订单信息 - 处理店铺的订单支付和退款 - 管理店铺的代码和主题 - 读取店铺的数据并将其显示在应用或网站上 希望这些信息能对您有帮助。