淘宝首页全屏海报图怎么设置

淘宝首页全屏海报图怎么设置,第1张

1、打开记事本把这代码复制粘贴在内做准备,也可用直接店铺装修的自定内容区。为了更好的看效果这用记事本。

<div style="height:600px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;">

<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">

<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">

<a href="连接地址" target="_blank" style="width:1920px;height:600px;display:block;"> <img src="链接地址" style="border:none;" /></a>

</div>

</div>

</div>

2、现在修改代码链接地址,到卖家中心复制商品链接地址粘贴覆盖链接地址。再到空间复制海报链接地址覆盖链接地址,复制好待用,效果如图。

3、进入店铺装修添加个自定义内容区。

4、添加完成后点击编辑,在显示标题选择不显示。点击<>编辑源代码,将复制好的代码粘贴里面,点击确定完成。

5、最后再介绍一下代码位置与修改。海宽用1920px。高度400到600像素不等。修改代码高要和海报一样。

6、再看一下自定义内容区高度设置效果对比。

7、一切设置好,预览没发现问题,就点击发布。

第一种方法
买个装修模板,里面有带有全屏海报,很方便,只要按模板的大小做个海报装上就可以了,一般宽是1920,不过要是你要自己编代码的话,会很麻烦,你可以淘宝上买一个这块的代码,很便宜的几块钱,或者请人帮你做一个~~
第二种方法
准备好一张海报 然后截取中间一部分,间留990像素,两边做样式背景,PS保存网页模式大小在200K以内。背景头部要遇留店招的空白;长度为950px,高度不要超过淘宝限制高度,然后用自定义模块或轮播把添加进去,并设置好链接,然后把海报剩余的部分做为背景,这样就可以展现出全屏的海报了。

淘宝全屏海报模块需要订购智能版旺铺才能添加,全屏宽图是智能版旺铺在PC端装修的模块。若不是智能版旺铺则无法设置,智能版旺铺需进入服务市场订购。订购的 *** 作步骤如下:

(1)进入服务市场。

(2)搜索框输入淘宝旺铺。

(3)点击搜索。

(4)进入搜索结果页面。

(5)点击淘宝旺铺。

(6)选择服务版本周期。

(7)点击立即购买。

(8)进入订单确认页。

(9)勾选服务协议等选项。

(10)点击同意并付款即可。

参考资料:

淘宝网-店铺如何装修全屏宽图?

这个嘛

如果是轮播海报中添加多个链接并且分布在不同的位置上面或者是指定的位置你可以在DW中设置一个热点图,就是给这张海报相应的位置加上热点,同时还可以加上一些其他的效果出来,具体的就是你在这张上添加几个热点,然后将相应的链接放到相应的热点位置即可。

装修方法步骤如下:
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=">淘宝所有商家均知,淘宝店铺装修是每个商家的必修课程,店铺装修对海报的设计以及大小有严格的要求,不符合要求的就是上传不成功。以下小编就告诉大家对海报的大小有什么要求。
淘宝店装修海报大小。
装饰海报也有很多种,如淘宝上有全屏海报的大小是500-700px,宽度是1920px,而旺铺宝贝描述的海报大小是:宽度≦22px(窄),宽度≦922px(宽),高度随意。一般商店对宝贝的描述尺寸大小没有限制,但考虑到显示器的显示尺寸,应把握在1000PX以下,宝贝分类还海报大小:宽度≦160,高度任意,旺铺促销区海报尺寸:宽度≦735px,高度无限制。
对于淘宝上的海报设计来说,750PX宽的海报,最小200mm,最大440mm,用14寸笔记本看,200PX宽的海报差不多占了近1/5,440PX宽的海报的一半,除此之外,主要还是以300PX高为主,除了这几个尺寸外,有两个宽的海报比较特别,不是750PX,而是748PX和730PX,但是都是几乎横屏满屏的,都可以使用。
淘宝装修海报大小大小大小装修海报不贴怎么办?
招贴画与大小有两个概念,一个是长宽的尺寸,另一个是KB大小的文件,文件占用的空间越大,越精细,但是对网速和买家电脑要求越高,虽然现在大家电脑配置和带宽都不是问题,但是谁也不希望买家在招贴广告还没展示出来之前就已经滚屏到下面来看细节吧。因此,仍需稍加控制,主要目的是快速呈现。
对于750PX的海报图,以160K-200K为主,当然小于100K的也占了五分之一,所以建议大家在不损失海报精致度的前提下,尽量控制在200K以下,当然,淘宝装修过程中也有一些其它尺寸需要注意。
淘宝店招尺寸宽度为950像素,高度建议不要超过120像素,否则会出现导航异常;淘宝店招尺寸宽度为950像素,建议不要超过150像素,否则会出现导航异常(导航尺寸高30像素),而首页全屏轮播图尺寸(宽:1920;高度不大于540px,模块显示的高度以的最低高度为准,暂时不支持gif格式)。
主页悬浮导航宽度小于200,高度小于600的,类型为jpg,png,gif,页面背景图一般为宽1920,高度不限,(如果宽度小于1920,可选择平铺类型),宝贝详情页一般宽度750,高度不限,一般手机和电脑同步,一般采用PS切片工具,将长幅详情图切成一张小图。
事实上淘宝的尺寸有很多,不熟悉的商家在做这些尺寸时可能会记错,虽然没什么关系,但错了再重来也是很麻烦的,所以大家在进行淘宝店铺装修前,最好把这些尺寸都查一查,尽量不要出错。
淘宝装修主页招贴和淘宝店招之间有缝隙怎么办?
解决办法有二。
在店后装修→样式管理→背景设置→页面设置→上传背景。
进入店内装饰-风格管理-背景设置-“页头下距10像素”(选择"关闭")
关键的背景是1px-1px的。设为居中不平铺。
淘宝装修海报大小大小大小装修海报不贴怎么办?
设定招贴画高度,初始生成的招贴画全屏代码预设招贴画高度为520像素,而我们的招贴画高度为600像素,那么我们这里招贴画高度为600。
你可以用photoshop自己做一个,导航栏下面10px空格就可以了,背景放在定制代码里面就可以了。适用于天猫和淘宝。
淘宝店主页大屏海报下面的模块为什么和大屏海报有空隙谁知道是什么问题?
网民给了1186198328个答案:向上移动20个像素,完美地消除了20个像素的上下模块间的间隙。如果您的模块大小是950px500px,那么您应该将此值改为style="width:950px;height;<{':',系统将自动添加此属性。
上面是第一套淘宝装修模板的修改方法,应该还需要加上z-index属性,将模块放在最上面,但是实际上我们不需要太多的改动,'navCls':none;'>。
top;height:100px;"模块:950px:-20px;">。
490px;style="width:950px;height:'display:480px;top:'
类="fade'}"轮播内容列表,必须定义模块的宽度和高度;
样式="p>"。
最终,如果淘宝店铺的基本版1920600的全屏海报可能会出现时可以显示,时和两边不能显示的情况,那是因为淘宝店铺的基本版不支持css类,在预览后就没有了,有时你可以看到,是因为缓存中的原因。


DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
乐在赚 » 淘宝首页全屏海报图怎么设置

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情