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

商城3D体验馆

商城3D购物体验馆,一个很新颖的网络购物体验,有一种看模特买衣服的感觉,看中模特身上的衣服或者裤子,然后花钱买下来自己穿。

每一个商品都有自己的应用场景,如果我们能够把这些场景使用的商品用图片的形式展示出来,让用户在看图片的时候用鼠标点一点就可以找到自己想要的商品,这样的用户体验比打字搜索浏览商品好多了。

1,前端显示

(一张背景图片,然后在特定的商品上做热点链接,根据链接上的参数ajax获取相应的商品显示在下方)

(点击不同的标签,通过ajax获取不同的商品列表)

2,后端编辑

后端编辑有2个部分

1,设置场景基本信息(标题,所属专题,专题背景图片)

2,标签tag(在不同位置的商品上新建tag标签,设置标签图层位置,标签显示名称,还可以指定前端产品搜索的分类范围)

(选择主体,选择楼层背景,输入标签,生成图层,拖动图层调整位置,点击保存)

3,用到的数据表

3d_main(3D体验馆的主题,比如办公室,家庭住所,宿舍,展厅。。。)

3d_floor(3D体验馆的楼层数据(比如厨房,卧室,客厅,厕所,阳台)

3d_tags(标签,可用作产品搜索的关键字,一般根据背景图片上的商品设置,里面包含位置坐标信息,产品的详细分类信息,标签的排序信息等等)

(演示地址:稍后补充)

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

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券