天猫全屏海报装修-专业版淘宝店铺究竟能不能做无缝的全屏大海报和全屏店招？怎么做？

淘宝天猫等首页全屏也叫海报,设置方法:

一,制作全屏要求尺寸图片一般为1870*500

二,装修页面购买或使用店铺自带模版,选择首页装修-海报-上传图片

三,进入参数设置-设置首页海报推荐产品-选择主打或最想卖产品进行海报推荐款

四,保存装修的内容-确认并发布-首页全屏装修完成 刷新回到首页

建议使用店铺自带模版,也可购买平台软件然后装修首页就可以实现全屏

装修方法步骤如下:

1,进入装修后台的图片空间,将你选择要轮播的海报上传上去。

2,打开之前在网上下载的那段轮播海报代码。

选择编辑——替换,将原代码中的500全部替换为海报高度,然后将这段代码复制下来。

3,进入店铺装修页面,在主屏的第一屏海报位置新建一个自定义页面,点击,切换到代码模式。

4,将之前复制的那段代码黏贴上去。找到代码中的图片链接部分。

5,再次进入图片空间,将大图海报的链接地址复制下来。替换到原来的代码的图片链接位置。

6,代码都改完之后,按回到图片模式,这时候会发现什么图都看不到。不用担心,点击预览或者发布,就能看到全屏轮播海报效果啦。

附上全屏轮播海报代码:

<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'piao1365065449925fu'}" data-widget-type="Tabs">

<div class="piao1365065449925fu" style="height: 500px;">

<div class="J_TWidget" data-widget-config="{

'contentCls': 'slide-kun1365065449925content',

'triggerCls': 'slide-kun1365065449925triggers',

'navCls': 'slide-kun1365065449925triggers',

'triggerType': 'mouse',

'effect': 'scrollx',

'prevBtnCls':'prev',

'nextBtnCls':'next',

'steps': 1,

'autoplay': true,

'viewSize':[1920],

'circular': true

}" data-widget-type="Carousel" style="margin: 0px; padding: 0px; left: -180px; top: 0px; width: 1920px; z-index: 10;">

<div class="J_TWidget" data-widget-config="{'trigger':'.first1365065449925trigger','align':{'node':'.first1365065449925trigger','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display: none;">

<div class="prev" style="width: 90px; height: 90px; float: left;">

<img data-ks-lazyload="

!!" /></div>

<div class="next" style="width: 90px; height: 90px; margin-left: 950px;">

<img data-ks-lazyload="

!!" /></div>

</div>

<div class="first1365065449925trigger" style="margin: 0px; padding: 0px; width: 1920px; height: 500px; overflow: hidden;">

<ul class="slide-kun1365065449925content" style="margin: 0px; padding: 0px; width: 1920px; height: 500px;">

<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">

<a href="

/?&&scene=taobao_shop

" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="

!!" height="500" width="1920" /></a></li>

<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">

<a href="

/?&&scene=taobao_shop

" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="

!!" height="500" width="1920" /></a></li>

<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">

<a href="

/?&&scene=taobao_shop

" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="

!!" height="500" width="1920" /></a></li>

<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">

<a href="

/?&&scene=taobao_shop

" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="

!!" height="500" width="1920" /></a></li>

</ul>

</div>

<ul class="slide-kun1365065449925triggers" style="margin: 0px; padding: 0px; display: none;">

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

</ul>

</div>

</div>

</div>

淘宝店招的尺寸是1920px*150px,中间可以使用代码的店招尺寸是950px,左右两侧店招可以通过页头设置背景,从而实现1920px全屏店招。全屏大海报的宽度固定是1920px,通过统计1920海报模块也是可以实现全屏大海报的。

设置1920px*150px全屏店铺步骤如下:

1、用PS做一份1920px*150px的店招,再用切片工具切出中间那部分950px*150px的备用。分别保存1920px*150px和中间950px*150px图片。

2、进入淘宝店铺装修,在左边菜单找到页头-更换图片,上传1920px*150px图片。背景显示选平铺,背景对齐选居中,点确认1920px背景设置成功。

3、鼠标放在店铺招牌处点编辑。

4、上传950px图片到图片空间后,选择上传好的图片。

5、都传好点预览查看效果,发布站点即可。

这样就解决了全屏店招问题了。

设置全屏海报的操作步骤如下:

1、进入淘宝店铺装修,在左边菜单找到模块,选1920全屏宽图;

2、直接拖动左侧全屏宽图,到右侧要装修的页面上。

3、鼠标放模块上,点击编辑。

4、上传图片空间图片地址,输入图片对应的商品链接地址,点击保存。

5、最后点发布站点就好了。

这样就解决了宽屏大海报的问题了。