淘宝店铺装修经验分享二：模块制作

上一讲我们介绍了，页声矜檠鹣面头部的制作。标题为：《淘宝店铺装修经验分享一：店面头部制作》

通过上一节，我们已经做好了店招，擒歙常泺那么下面我们应该做什么呢？

应该做首页的展示模块了，目前淘宝或天猫的展示模块格局分为：宽屏，多商品重叠展示框，单品排列框。

这一讲我们介绍一下，三种商品展示模块的制作方法：

第一种：宽屏模块

先介绍一下宽屏模块的意思，打开一个淘宝店铺，进入店铺中首先看到的全屏图片就是我们说的宽屏模块，装修了宽屏模块的店铺看上去很大气，给人一种品牌的感觉。

目前常用的宽屏模块分为：全屏轮播横向缩略图模块，单张全屏海报，自定义代码做全屏模块（在一张图片可以添加多个链接），圆点导航全屏，全屏轮播纵向缩略图，全屏正反切换，带倒计时的全屏模块，动态倒计时的全屏模块，跑马灯全屏模块九种。

其中：虽然“自定义代码全屏轮播模块”虽然最实用，但是由于比较难制作（一般需要专门的网店设计师或软件才可以做），所以使用店铺最少，其他店铺使用比较广泛。下面我们讲的制作教程也是以另外八个为例讲解。

准备材料：

1.用来做宽屏模块的图片几张，宽屏模块图片的宽尺寸为1920像素以上，用来做宽屏模块的宽和高要是一样的,并将图片上传到自己的淘宝空间，注意：特殊类目的图片是要经过审核的，需要提前传。

2.找到一个有你想要的宽屏模块的淘宝店铺。

要明白宽屏模块的组成是图片和代码的组合。即如果有一定的编程经验，可以通过dreamweaver编辑出代码，然后进行添加特效代码即可，如果你没有任何网站经验，也没有PS经验，那么有三个简单的办法获得漂亮的宽屏模块：

1.点开准备材料中的淘宝店铺，将鼠标移到宽屏的部分，单击鼠标右键，会看到“审查元素”的字样，点开，然后找到离他最近的"div"，然后单击鼠标左键复制，这就是这个店铺的宽屏代码了，你复制到txt文档中，然后搜索“jpg”，会找到几个图片的链接，然后替换为自己淘宝空间图片的链接，黏贴到网店即可。

2.在网上有很多免费的宽屏模块制作网站，比较出名的有三角梨，刚哥哥，鱼摆摆，直接在百度搜索，就可以找到，进入网站里面有几种普通的宽屏模块，并且都是可以在线制作的。

3.同样的网上也有很多较好的装修软件，比较出名的有英乐淘宝网店装修助手，网钛淘宝店铺装修软件，SDK网店类装修软件等，直接下载软件，按照提示，很简单的就可以做出专业设计师水准的宽屏模块。

第二种：多商品重叠展示框

多商品重叠展示框通常分为尺寸，一种是950像素，另一种是750像素，这两种像素分别对应的是首页和商品详情页。其构成为多个图片的重叠，同过代码做出逐渐闪现的效果，对与网店的优化和美观有很大的好处。

制作的方法，如上面的宽屏模块，着重介绍的是，目前网店装修软件中的多商品重叠展示框更加人性话，更适合作为有意做好网店的店主使用。当然大多数网店装修软件是要付费的，免费的也有几种：英乐淘宝网店装修助手-通用版，淘宝网店之星免费版，淘宝装修小秘等。这要看个人需要制作了。

第三种：单品排列框

单品排列框顾名思义，就是一张图片加一个商品链接，点击图片就能进入商品详情页的展示模块，这种模块可以在网上找到很多的代码，也可以通过上述的三个方法获得，值得注意的是，虽然很多店主都能够找到免费的代码，也都会使用，但是由于厌倦繁琐，反而不愿意精心去做，这样装修出来的网站给人一种呆板的感觉，如果遇到这种问题，不妨使用装修软件中的一键提取装修功能操作，这种功能在专业人士口中被成为“傻瓜店主”，意思就是说：即使这个店主是刚开网店，什么也不懂，都可以像用傻瓜相机一样做出非常专业的网店。

最后告诉淘宝店主，首页的装修固然重要，但是也不要忽略详情页，因为详情页往往是买家进入店铺第一眼看到的页面，他可以给买家投递一个非常重要的信息：这家网店的品牌！详情页的排版，与导购样式，对于产品的销量和商品权重的提高起着不可忽视的作用。

下节我们讲一下商品详情页的制作与注意事项。