阿里巴巴店铺怎么实现自定义鼠标经过分类遮罩渐变变身效果呢？全屏海报上怎么添加分类模块？1688店铺上实现渐变海报的方法，下面疯狂的美工给大家带来图文教程~

全屏遮罩CSS3渐变宝贝分类模块工具地址：https://www.fkdmg.com/gongju/2541.html

第一步准备好自己要用到的图片并上传到阿里巴巴图片空间，单张分类模块的图片是366*190，请按此尺寸操作不然可能会出现拉伸现象，分类文字不用设计在图片上，直接在工具里填写的哦~

第二步，去图片空间复制图片地址放到工具里~点复制地址，然后复制URL图片地址即可！千万不能复制错了哦~

第三步到工具里把图片地址放入对应位置，要多少组分类自己添加好多少组，然后去图片空间复制你上传的图片，设计图片时不用设计分类在上面，只要放产品图就行。分类是在工具里自定义加上的。

第四步，把自己相关信息填写好放到对应位置即可。模块背景图可以自定义的哦，模块背景图那换成自己图片地址即可~图片尺寸建议是1920x1080。也可以按自己需求来哦~操作完预览效果，检查链接是否对，没有问题生成代码装店铺即可哈！

 最后打开阿里巴巴装修后台，先添加952宽的自定义内容区。如果没有现成的先去布局管理里添加952宽的布局 再添加自定义即可啦！

点开布局管理后，然后点击左侧的添加布局按钮，如下图

比如用我们工具生成的代码一般都是安装到952宽的通栏自定义内容区，安装侧边192栏除外，那么我们就添加个952宽的通栏布局即可哦~

添加完952宽的通栏布局之后就是添加版块了，点击添加版块再添加自定义内容区即可

这样添加的自定义内容区就是952宽的自定义内容区了，然后工具里生成的代码就是装在这个位置哦~

工具里复制代码到店铺要先点源代码模式，再粘贴代码 粘贴完直接点确定 不要点其他任何操作了

这样就轻松把这个分类模块装到阿里巴巴店铺上了，教程非常简单，不太会的多看几遍跟着操作就会了哦！亲们快去试试吧~