一、什么是天猫店铺全屏首页
全屏首页指的是店铺首页的通栏大图效果，也就是无论访客的显示器分辨率是多少，首页的背景大图都能铺满整个屏幕宽度，不会在两侧留下大片空白。这种装修方式是目前天猫头部店铺的主流做法，视觉冲击力强，能第一时间传递品牌调性。
与之相对的是普通模块装修，图片宽度通常只有990像素，在如今主流的1920像素甚至更宽的显示器上，两侧会有大片留白，整体看起来比较小气。而全屏效果通过专门的代码实现，让一张1920像素宽的图片横向撑满屏幕，中间990像素区域放置核心内容，两侧放置延展性的装饰图案或氛围元素。
需要注意的是，全屏首页本质上是通过自定义HTML模块实现的，天猫商家后台默认的图片模块无法直接达到全屏效果，必须借助代码。这也是很多新手商家卡住的地方，明明图片做得很漂亮，上传后却始终只有990像素宽。
二、装修前的准备工作
工欲善其事必先利其器，做全屏首页之前需要准备好三样东西：设计软件、1920像素宽的设计稿图片，以及图片的存放空间。设计软件推荐使用Photoshop，如果不会使用PS，也可以用稿定设计、创客贴等在线工具替代。
图片尺寸方面，设计稿宽度建议做1920像素，高度根据内容需求自定，一般单个全屏模块的高度在500到800像素之间。特别提醒，核心信息比如主推产品、活动主题、文案等，一定要放在中间990像素的安全区域内，因为屏幕较窄的访客可能看不到两侧的内容，只显示中间部分。
图片做好后需要上传到天猫图片空间。进入商家中心，找到店铺管理中的图片空间，将设计稿上传上去，然后复制图片的链接地址备用。这个链接稍后要填入全屏代码中，图片必须存放在天猫图片空间，外链图片会被系统过滤导致无法显示。
三、详细装修步骤
第一步：获取全屏代码
全屏代码本质上是一段包含轮播或单图功能的HTML代码，网上有很多免费的代码生成工具，搜索天猫全屏代码生成即可找到。使用方法很简单：把图片空间里复制好的图片地址粘贴到工具的图片链接输入框，填上图片的宽度和高度，再设置好跳转链接（也就是点击图片后要到达的商品或活动页面），点击生成代码按钮，工具就会输出一段完整的代码。
第二步：添加自定义模块
进入商家中心，依次点击店铺管理、店铺装修，选择PC端装修进入首页编辑页面。在左侧模块列表中找到自定义内容区模块，用鼠标拖拽到页面布局中合适的位置，一般是页头下方的第一个位置。拖过去之后，先把模块的高度适当调整，后面代码粘贴后高度会自适应。
第三步：粘贴代码并保存
鼠标移到刚添加的自定义模块上，点击编辑按钮，在编辑器右上角找到源码按钮（有的版本显示为HTML标识），点击切换到代码视图，把之前生成的全屏代码完整粘贴进去，然后点击确定。回到页面后基本就能看到全屏预览效果了，最后点击页面右上角的保存，再发布站点，首页就正式更新了。
第四步：添加热区链接（可选）
如果一张全屏大图上想要实现多个点击区域，比如左侧点跳主推款、右侧点跳活动会场，就需要设置热区。可以使用热点工具生成器，在图片上框选区域并填入对应链接，生成带热区功能的代码后替换原来的代码即可。热区数量不宜过多，一般3到5个比较合理，太多容易让用户找不到重点。
四、常见问题与排查方法
第一个常见问题是代码粘贴后不显示全屏。原因通常是编辑器没有切换到源码模式，代码被当成纯文本处理了。解决办法是重新编辑模块，确认点击了源码按钮再粘贴。另一个可能是代码中包含了被天猫系统过滤的标签，可以换一个工具重新生成代码试试。
第二个问题是图片显示不出来。多半是图片链接不是天猫图片空间的外链，或者图片还没有审核通过。天猫图片空间上传的图片需要通过审核才能正常展示，刚上传的图片可以稍等几分钟再刷新查看。
第三个问题是小屏幕访客看不到关键内容。这就是前面提到的安全区问题，设计图片时务必把重要信息集中在中间990像素内，两侧只放延展背景。可以在PS里拉出参考线做990像素的辅助线，确保排版不越界。
小提示：全屏模块虽然好看，但也不宜堆太多，一般首页放3到5个全屏模块就足够了，太多的通栏大图会增加页面加载时间，影响用户体验和跳失率。图片导出时建议压缩到300KB以内，加载速度更快。
五、装修完成后的检查事项
发布之后不要急着收工，建议用不同分辨率的电脑实际访问一次店铺首页，检查1920宽屏和1366笔记本屏幕下的显示效果，确认核心内容都在可见区域内。同时用手机访问一下，虽然手机端走的是单独的装修体系，但要确认PC端代码不会影响手机端显示。
还要测试每一个热区链接，点击后是否能正确跳转到目标页面，尤其注意链接是否失效。店铺活动更新后记得及时更换首页大图，保持首页与活动节奏同步，才能最大化发挥全屏首页的引流价值。
掌握了全屏首页的装修方法后，可以举一反三，把它应用到新品上架、大促活动、品牌形象展示等不同场景中。装修好的首页配合精准的推广引流，能显著提升访客的停留时长和转化率，让店铺的专业度上一个台阶。