shopify购物车Cart添加备注与自定义字段

释放双眼,带上耳机,听听看~!

本教程已Dawn8.0主题为例.

1、主题-自定义-主题设置-Cart

勾选“Enable cart note”购物车备注开启

shopify购物车Cart添加备注与自定义字段

2、添加自定义字段“主题自定义界面” – “顶…图标”-“Edit code” 进入代码编辑页面

shopify购物车Cart添加备注与自定义字段

3、“搜索cart”-“main-cart-footer.liquid”

在代码里面搜索“Cart-note”在底部添加代码,添加完成后保存

   <div class="authority-to-leave-cart">
    <div class="name-field">
      Authority to Leave
    </div>
    <div class="radio-field"> 
      <label> <input type="radio" name="attributes[authority-to-leave]" value="Yes">
        <span>Yes</span>
      </label> 
      <label> <input type="radio" name="attributes[authority-to-leave]" value="No">
        <span>No</span>
      </label>
    </div>
  </div>  

(具体css样式请自行调整修改,输入的选项是单选还是输入请自行修改代码)

Shopify官方添加Cart attributes例子请看下面的链接

https://shopify.dev/docs/themes/architecture/templates/cart#cart-attributes

 

shopify购物车Cart添加备注与自定义字段shopify购物车Cart添加备注与自定义字段

4、完成效果如下,提交的自动会在后台订单里面显示

shopify购物车Cart添加备注与自定义字段

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
Shopify主题开发

shopify Dawn8.0主题头部菜单修改成半透明

2023-2-25 23:29:31

Shopify主题开发

shopify调取支付方式图标

2023-3-16 16:48:24

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索