商品详情模板由哪些构成

商品详情模板由哪些构成,第1张

商品详情页项目架构应该由以下几方面构成。

1:商品的基本信息是用户在商城首页输入手机后再搜索引擎中返回商品结构,搜索引擎索引中只保存商品列表中的一部分商品展示信息,当用户点击一个商品就进入了商品详情页.

点击进入后第一个展示的就是商品的基本信息包括sku(颜色,尺寸等)规格参数,这些基本信息可以在商品显示商品详情页面的时候就查询显示个用户看.

2:商品描述的内容往往比较多,如果在加载商品详情页面的时候就显示出来就影响加载速度,为了快速响应用户,商品的描述可以延迟加载,延迟一秒钟加载。用js控制页面加载完

一秒钟以后再去用ajax去调用本项目的controller,controller去调用远程的rest接口获取然后返回商品描述html显示在页面上面,

设置延迟一秒钟可以用js的setTimeout方法,setTimeout设置延迟一秒钟,setTimeout只会执行一次.

这里的查询还可以通过jsoup直接调用远程rest服务.这里推荐使用调用前面说的controller方式。

3:商品的规格参数和评论等其他的tabs信息(按需加载)可以按需加载,当用户点击商品规格这些tabs标签页是在去加载,如果用户不点击就不用去查询,可以减少服务器压力。

同样这里的查询和商品2中的一样,可以ajax查询本地controller在去调用rest服务,也可以在页面上面直接使用jsoup跨域去调用远程的rest服务.

https://www.cnblogs.com/ganbo/p/6944332.html

简单写了一个,为了方便所以图片就没有加,后来你加上再居中就ok

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<script>

function show(){

document.getElementById('show').style.display='block'

}

function hide(){

document.getElementById('show').style.display='none'

}

</script>

<style>

.show{

line-height:100px

text-align:center

width:100px

height:100px

background:#95C8ED

}

</style>

</head>

<body>

<div class="k">

    <a href="#" onMouseOver="show()" onMouseOut="hide()">商品</a>

    <div id="show" class="show"  style="display:none" >

    asdhkajdhj

</div>

</div>

</body>

</html>

    网上的店铺越来越多,要制作的详情页也是越来越多。大大的增加了美工的工作量,详情页模板的出现让许多产品的详情页也开始了套版,但是市场上的模板都是一些常见的类目,小类目和一些不常见的产品是很少有详情模板的,这些类目一般都是小商家在做,招一个专职的美工成本太大,用模板方便快捷,还可以多个产品使用。对于中小卖家来说很实用的,今天分享一个可以定制详情页的方式,就相当于外包美工那样的定制,希望对大家能够有所帮助。

方法/步骤

1

打开详情页制作页面,选择详情搜索定制。进入下方的页面,可以看到正中间的搜索框,输入需要找的产品模板,例如:红薯。

请点击输入图片描述

2

搜索出来的页面如下,我们可以看到通过网络搜索找了许多,和红薯相关的详情。鼠标悬浮到相关的详情页会出现预览,点击可以查看到这个详情页的情况,在满意的时候可以点击正中间的“我要定制”按钮。在d出框中输入备注和联系方式后,点击提交。之后就是等待软件方做图,一般情况下都是可以询问客服咨询进度的。

请点击输入图片描述

请点击输入图片描述

3

大约等待2天时间,就可以在我的定制中找到做好的模板,点击使用即可。

请点击输入图片描述

4

以上就是定制模板的方法,有兴趣的试一下吧!这个外包美工很实用!

喜欢的点击收藏


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6273771.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存