1920全屏海报代码-淘宝店铺全屏海报为啥显示不完整

1、首先请做好宽屏海报大图上传到图片空间,然后进入卖家中心查看和编辑淘宝店铺首页。

2、点击左侧的模块,选择自定义模块拖到右边的编辑区放好。

3、点击自定义模块右上角的编辑按钮打开对话框,显示标题栏选择不显示,点击最下面编辑源代码。

4、在图片空间找到你上传的宽屏海报复制链接地址。

5、在代码区填好代码。代码如下:

1920px全屏海报:(宽度1920px,高度随便自己调,记得修改两处的500px,自己做的海报高度是多少就改成多少)

<divstyle="height:500px;">??

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

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

<ahref=""target="_blank"style="width:1920px;height:500px;display:block;">???????

<imgsrc=""border="0"alt="全屏海报"/></a></div>???

</div>??

</div>

</div>

宽度最宽为1920,高度可以自己调整,(<imgsrc=""border="0"alt="全屏海报"/></a></div>)这个地方?号换成你自己的图片空间复制的地址。

6、点击确定后,即可以看到宽屏海报图片已经在自定义区的位置了,即大功告成,下面的卡通图片来自百度搜索的素材。

我有一个,贴在上面发给你。希望采纳。淘宝的全屏不轮播海报代码“

<div

style="height:600px;">

<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="#"

style="width:1920px;height:600px;display:block;"

target="_blank">

<img

alt="全屏海报"

border="0"

src="图片网址"

/></a></div>

</div>

</div>

换代码吧,这种情况一般是代码出了问题。给你提供三种代码,亲测可用。可淘宝参观:李小雨的跳蚤市场。

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

<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:500px;display:block;">

<img src="#" border="0" alt="全屏海报" /></a>

</div>

</div>

</div>

上面是宽度为1920的全屏海报代码,高度自设,只需将代码中的#改为你的图片链接地址,两处500改为你的图片高度。

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

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

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

<a href="#" target="_blank" style="width:1680px;height:500px;display:block;">

<img src="#" border="0" alt="全屏海报" /></a>

</div>

</div>

</div>

上面是宽度1680的,方法和1920一样。

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

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

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

<a href="#" target="_blank" style="width:1440px;height:500px;display:block;">

<img src="#" border="0" alt="全屏海报" /></a>

</div>

</div>

</div>

上面是1440的,方法一样。

以上三种代码适合淘宝C店,亲测可用,可参观:李小雨的跳蚤市场。

天猫商城全屏海报用以下代码:

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

<div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">

<div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">

<a href="#" style="width:1920px;height:500px;display:block;" target="_blank">

<img alt="全屏海报" border="0" src="#" /></a>

</div>

</div>

</div>

宽度1920,高度两处500改成自己图片的宽度,#改为图片链接地址即可。