淘宝C店店铺首页装修全屏效果代码

发布于 2023-04-27  755 次阅读

首先，先做图，尺寸最好是1920全屏大小的。

因为现在很多用户都用1920的大屏幕。所以全屏最好做大点。

然后就是按照你自己的需求去切图，切好用PS导出web格式，将代码里的图片地址替换成淘宝店铺空间里的图片地址。

此时在自定义模块里预览会发现的确是全屏，但是预览店铺会发现图显示不全。

将图片代码前后加入下面的代码就好了。

开头加入代码：

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


<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="http://img04.taobaocdn.com/imgextra/i4/730663373/T2PXTEXtRXXXXXXXXX-730663373.jpg" /></a>

在你的图片代码下方加上：

</div></div></div>
  • 把一开头的高度修改掉【<div style="height:3855px;">】这个是高度，按照自己需要修改掉高度。
  • 还有图片的宽度，如果你不是做的1920。建议改掉。
  • 最主要的图片请替换掉。

然后预览就会发现成了，直接发布即可。

淘宝店铺PC店铺首页装修实例：

我的淘宝店

当然，如果你还不清楚，可以看下B站up主录制的视频，这个视频做的挺不错，讲的很细。

赏