商城3D购物体验馆,一个很新颖的网络购物体验,有一种看模特买衣服的感觉,看中模特身上的衣服或者裤子,然后花钱买下来自己穿。
每一个商品都有自己的应用场景,如果我们能够把这些场景使用的商品用图片的形式展示出来,让用户在看图片的时候用鼠标点一点就可以找到自己想要的商品,这样的用户体验比打字搜索浏览商品好多了。
1,前端显示
(一张背景图片,然后在特定的商品上做热点链接,根据链接上的参数ajax获取相应的商品显示在下方)
(点击不同的标签,通过ajax获取不同的商品列表)
2,后端编辑
后端编辑有2个部分
1,设置场景基本信息(标题,所属专题,专题背景图片)
2,标签tag(在不同位置的商品上新建tag标签,设置标签图层位置,标签显示名称,还可以指定前端产品搜索的分类范围)
(选择主体,选择楼层背景,输入标签,生成图层,拖动图层调整位置,点击保存)
3,用到的数据表
3d_main(3D体验馆的主题,比如办公室,家庭住所,宿舍,展厅。。。)
3d_floor(3D体验馆的楼层数据(比如厨房,卧室,客厅,厕所,阳台)
3d_tags(标签,可用作产品搜索的关键字,一般根据背景图片上的商品设置,里面包含位置坐标信息,产品的详细分类信息,标签的排序信息等等)
(演示地址:稍后补充)
领取专属 10元无门槛券
私享最新 技术干货