开网店，上甩手网

登录免费注册甩手开放平台帮助积分专区

网站导航

甩手网代开店拼多多打印 1688铺货到淘宝抖音上货甩手下单助手

电商
导航

甩手网＞问答＞网店装修

淘宝店铺如何全屏装修呢？

不知他们是怎么实现全屏装修的。而且图片没有裂缝。有人说的全屏代码，是放到哪个位置？

提问者：小花服装店 5回答浏览数：4613 悬赏积分：100 提问时间：2016-09-01 问题状态：未解决

我来帮他解答

5条回答

店铺装修

644521444 2016-09-03

全部用代码实现，你可以先学电DW，然后通过一些软件，比如誓言助手或者百度全（全屏热点），但是主要要一定DW知识

首页全屏可以用代码实现，并不困难；可以先做一张大图，代入全屏代码，感受一下。实现全屏基本就以下几步：

看下淘宝店铺是什么版本，比如旺铺专业版旗舰版之类的。确保可以在首页添加950像素宽度的自定义区。
设计好全屏图片，一般宽度是1920像素，高度按自己设计需求来。设计好后对图片进行切片处理，方便添加链接。在ps里保存的时候，文件格式选择【HTML和图片】，然后用Dreamweaver打开HTML文件，分别添加切片的链接地址。把切片上传到淘宝图片空间，然后在Dreamweaver里用图片空间的图代替对应的切片。这里HTML代码就完成的差不多了。
进入店铺首页装修页，添加一个950宽度的自定义区。编辑这个自定义区，在代码模式下
全屏代码如下：
【从这里开始：
<div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'contentCls': 'fullScreenPosters','navCls': 'bbs-nav','effect': 'fade','autoplay': false,'circular': false}">
<div style="width:1920px;height:高度为你设计的首页全屏高度px;overflow:hidden;" class="fullScreenPosters">
<div style="width: 1920px;left: -485px;">

这里放置设计好的代码
</div>

</div>

</div>

4.以上，完成。

全屏设计最主要的部分为第2点，淘宝活动客服中心爆款推荐等板块都可在这里实现。

主要是在Photoshop里操作，Dreamweaver只需要略懂

对店铺设计要求越高，越繁琐。

评论(0) 支持（0）反对（0）

huasifan123 2016-09-01

收藏下来，试一试！

评论(0) 支持（0）反对（0）

我想说呵呵 2016-09-01

新手，学习一下~

评论(0) 支持（0）反对（0）

爱你or爱我 2016-09-01

除了楼上的那个代码外，还另外跟大家提供一个代码！肯定能搞定的！

<div class="J_TWidget" data-widget-config="{"effect": "fade",

"circular": true ,"contentCls":"piao1364973733414fu"}" data-widget-

type="Tabs" style="width:1920px;height:模块高度px;padding:0px;overflow-y:hidden;">

<div class="J_TWidget" data-widget-config="{'viewSize':[1920],}" data-widget-type="Carousel"

style="z-index:10;top:-18px;left:-485px;padding:0px;margin:0px;width:1920px;"><html>

插入做好的代码

</div>

评论(0) 支持（0）反对（0）

妞的小店 2016-09-01

我有两个代码的解决方案，本教程具体教你怎么操作，实现楼主的想法，很简单。本教程只支持淘宝C店！其他类型的店铺我不知道，因为我没做过。（本教程适用有基础的，自己要会切图，把自定义区的代码做好）

先上代码：

<div style="height:模块高度px;">
<div class="footer-more-trigger mallNav-others"style="width:1920px; height:模块高度px;
border:0; padding:0; right:auto; top:auto;left:auto;">
<div class="footer-more-trigger mallNav-others" style="width:1920px;height:模块高度px;
 border:0; padding:0; right:auto; top:auto; left:-485px;top:-10px;">

  </div>

</div>

 </div>

这个首页要分成两个部分上传，一个是页头部分，也就是店招，店招我一般用热点上传，我之前用切图上传总会出现一像素的错误，不知道为什么。

除了150高的页头部分，其他全部放在一个自定义区里。

首先要强调的是全屏代码必须要用PS切图，不能用热点！不会切图的可以到网上找教程，切图都不会还做什么美工啊。

既然是全屏就是1920的宽度咯，把你做好的代码把“插入做好的代码”替换掉（看着很拗口啊，意思就是用你的代码把文字替换掉。然后把整段代码拷贝到自定义区。然后把模块高度改成你的图片高度。就这么简单。

评论(0) 支持（0）反对（0）

浏览本知识的人也看了

淘宝实用工具

问答热词

精选专题

更多>>

淘宝特价版入驻指南
抖音商家开店必备
抖音星图平台攻略
达人/商家玩法攻略
拼多多直播带货玩法
基本操作与推广玩法
虾皮物流发货手册
该手册覆盖99%的物流问题

甩手客户服务

甩手问答
在线客服：企业QQ 800055007
白班咨询电话（9:00-18:00）：
0755-26470437/26470392
晚班咨询电话（18:00-22:00）：
18926581976/18926585976
客服上班时间：
周一至周五9:00--22:00，周末9:00--17:00
（除法定节日以外，其他不在线时间请留言，
我们看到后会第一时间回复您！）
甩手网投诉电话：0755-26470437/26470392转621