大家好，卓一智库的小卓又来和大家分享了。昨天分享满屏店铺装修后，很多童鞋学习后表示不好看，店铺位置有点矮。这怎么解决？

小卓今天分享的主题是，用代码做出你想要的全屏商店戏法。

首先，自己做一张店招的图片。尺寸要大于950像素(要和首页图片宽度一致，不然做出来后宽度会不一样)，高度150PX，如下图所示。

你想要的结果应该是这样的。与底部主页面无缝连接。点击“所有类目”或者“双十二活动专区”会有相应的跳转，加上“收藏店铺”的提示，如下图所示。

接下来学习，2分钟学会。

有了图片，工作会快很多。接下来把这张图片上传到你淘宝店铺的图片空房间(登录淘宝-卖家中心-图片空房间-上传图片)。上传成功后，点击图片底部“回形针”标志的复制链接按钮，如下图所示。

做好以上工作，那么接下来，打开制作代码的工具“编码器助手”【百度直搜编码器助手即可进入】，进入主页面，登录后点击“在线布局”

进入“在线布局”后，显示的页面如下。将刚刚复制的图片之间的链接空粘贴到“背景图”中，然后写入模块的宽度，宽950PX，高150PX。

填好之后，如下图。出现您之前制作的图片。童鞋们是在问为什么是950PX吗？不能直接填我做的图片尺寸。小卓回答说，“当然可以，但是只有950PX可以用在商店的热点上”。所以950更方便。

接下来就需要在“所有类目、首页、双十二活动专区、我们的特价”等中加入类似“超链接”的可点击操作。专有名词叫“热点”，点击热点，把区域调整到你要点击的位置，然后双击复制你要跳转的链接，就完成了一个热点。

重复上述方法的操作，您将看到以下内容。小卓制造了四个热点。当然，在你的第一个项目上多做几个也是可以的。

下面添加收藏，点击“收藏”，调整好弹出的大小和位置后双击，跳出弹出窗口后进入收藏链接。

看到这里，你的大部分工作已经完成，再接再厉，马上OK。

点击右上角的“生成代码”，复制粘贴代码。如下图所示。

接下来，进入自己的店铺装修页面。具体流程:登录淘宝-卖家中心-店铺装修-编辑店铺招牌。

也就是说代码装修，你要在店铺招聘编辑器里选择“自定义招牌”，然后选择“双箭头”的源代码。

将刚刚复制的代码粘贴到编码器助手中，然后将高度改为150PX(这是你制作图片的高度)，然后保存。

好了，主要工作做完了，来预习一下吧，嗯？为什么左右各缺一块？如下图所示

原因是你设计的店招是950PX宽，下面主图的宽度大于950PX，所以有2块空白，需要进入“店铺装修”“设置页眉背景图”。

点击“页眉”上传你之前做的图片。记得点击“不要平铺”。

以上工作做好了，就大功告成了。可以预览一下，可以的话发表一下，看看自己的作品。

当然，也有童鞋在说小卓的作品不好看。我想说，我不是艺术家。在这里，我只给你使用代码进行全屏店铺移动的方法。希望对你有帮助。

这里有一个总结。其实全屏店招的做法很简单。1.做一个满屏的店招；2.从此图片生成代码；3.装修码进店；4.插入页眉背景图。如果你懂了，你会发现全屏商店的招数就是两张图片的叠加。

如果你看到这里，我相信你可能是淘宝的一个小卖家，小卓想说，“创业者辛苦了”。卓一智库将永远陪你一起成长。

---

最后，请关注微信上的“卓一智库”，服务于创业培训垂直领域，将搭建创业者、创业者、专家导师之间的桥梁，免费提供课程视频、课件下载、课堂互动游戏等资源。