首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

跨境外贸独立站,眼镜镜片处方参数定制

跨境独立站,外贸领域,对于搞跨境的小伙伴们,做眼镜这个商品,需要定制眼镜镜片参数,让用户自己填写参数,然后提交上去,每个人的参数比较多,譬如阅读镜,近视镜,左右眼瞳距,透明镜片,蓝光镜片,镜片的颜色,镜片折射率,镜片镀膜等等,需要在商品详情页面,按照步骤引导用户一步一步地将眼镜参数填写,最后提交购物车,下单。

Fecify眼镜定制功能,眼镜定制功能展示

眼镜定制商品

开始镜片定制

点击镜片定制按钮:Choose lens,进入镜片定制参数填写步骤

步骤一:选择:近视镜,渐进式,阅读镜

步骤二:填写镜片处方详细:

切换单瞳距,双瞳距模式:

用户也可以不填写处方参数详细,而是上传图片

用户也可以切换不填写参数信息

步骤三:填写镜片类型:基本镜片和高级镜片

步骤四:选择镜片类型:透明,蓝光,渐变,有色

步骤五.

5.1步骤四如果选择:透明,蓝光,渐变,那么第5步骤为选择折射率

5.2步骤四如果选择:彩色,那么第5步骤为选择镜片颜色

步骤六:选择镀膜

步骤七:填写留言,提交购物车

在购物车中,可以看到该商品镜片定制参数详细,用户可以选择进行订单结账操作

眼镜定制参数逻辑详细:

点击Chose lens按钮(选择镜片),将进入镜片参数定制步骤,用户将一步一步的,通过多个步骤,填写和勾选镜片的参数,一共7个步骤,如下:

处方类型

处方详细

镜片类型

镜片颜色类型

镜片折射率/镜片颜色

镜片镀膜

用户留言

详细介绍各个步骤

第一步骤-处方类型:

近视镜

阅读镜

渐进式。

当用户选择近视镜,阅读镜,那么进入第二步骤的左右眼的add下拉条将不显示

当用户选择渐进式,那么进入第二步骤的左右眼的add下拉条将显示

第二步骤:处方详细

可以根据需要,将瞳距选择下拉条,切换为单瞳距模式和双瞳距模式

眼镜商品后台编辑,可以设置最小和最大瞳距,当用户选择的瞳距不在改范围,将报错提示用户

用户可以勾选吗左右眼的详细参数,也可以通过上传图片的方式提交,也可以选择不提交详细参数(有的用户可能不知道怎么测量)

第三步骤:镜片级别

标准

高级

第四步骤:镜片颜色类型

透明

蓝光

渐变

有色

当第三步骤选择是的标准镜片,那么第四步骤 可以选择:透明,蓝光,渐变,有色

当第三步骤选择是的高级镜片,那么第四步骤 可以选择:透明,蓝光,渐变

第五步骤:镜片折射率/镜片颜色

当第4步骤选择是是透明/蓝光/渐变,那么第五步骤选择镜片的折射率

当第4步骤选择是是有色,那么第五步骤选择镜片的颜色

第六步骤:镜片镀膜

用户在这里选择镜片的镀膜

第七步骤:用户留言

用户如果还有一些问题,可以在留言中填写文字

提交购物车,结账下单。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20230224A03K4900?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券