首页  /  干货
助力双十一,淘宝装修中那些神秘的轮播
2016-10-26 14:59:15
1501浏览
店铺装修首页中的轮播海报已经不是什么新鲜的事情了,那么你知道店铺店招里面的小轮播是怎么插入进去的吗?双十一就快到了,今天手把手教大家在任意位置插入小轮播,让店铺动起来,希望大家双十一大卖。

店铺装修首页中的轮播海报已经不是什么新鲜的事情了,那么你知道店铺店招里面的小轮播是怎么插入进去的吗?双十一就快到了,今天手把手教大家在任意位置插入小轮播,让店铺动起来,希望大家双十一大卖。

学会它可以在任意图片位置插入轮播模块,而且不限制轮播数量,不限制轮播尺寸,真的很实用。

下面以店招插入轮播为例给大家讲解

效果案例:

助力双十一,淘宝装修中那些神秘的轮播

图片中虚线的部分为轮播部分。

首先,我们需要根据具体要实现的效果,做设计图,用ps将设计好的图片切片,注意将箭头也分别切出来;

助力双十一,淘宝装修中那些神秘的轮播

切片之后保存的时候我们选择保存为【html和图像】,即网页代码和图片。

助力双十一,淘宝装修中那些神秘的轮播

助力双十一,淘宝装修中那些神秘的轮播

保存完,出现一个图片文件,和一个网页文件,网页文件就是我们需要的代码。可以打开网页文件,点击下,看下效果。

同时我们将所有图片上传到淘宝图片空间方便后面使用。

助力双十一,淘宝装修中那些神秘的轮播

接下来我们用DW(Dreamweaver)工具打开我们导出的html文件:

在DW设计模式下可以预览效果:

助力双十一,淘宝装修中那些神秘的轮播

下面的步骤很重要,别掉队哦~

接下来我们要在dw中讲设计的轮播部分删除,具体的方法是选中轮播部分按 delete 或者删除键都可以:

助力双十一,淘宝装修中那些神秘的轮播

删除之后我们选择单元格,合并单元格,方便我们以后插入代码,方法是按键盘上的Ctrl同时选中三个单元格,

右键:

助力双十一,淘宝装修中那些神秘的轮播

合并完成之后只有一个单元格如图:

助力双十一,淘宝装修中那些神秘的轮播

接下来我们开始制作轮播,代码将制作好的轮播代码插入到这个布局中即可,这里我们需要利用一款装修代码生成器。他可以一键生成我们需要的轮播代码,而且可以自定义轮播图片数量,不限制轮播图片大小。同时可以将生成的轮播代码插入到任意的模块里面。

助力双十一,淘宝装修中那些神秘的轮播

打开软件找到【工具】——【高级工具】——【箭头轮播】:

助力双十一,淘宝装修中那些神秘的轮播

助力双十一,淘宝装修中那些神秘的轮播

这里就是我们需要配置的轮播参数,几乎是可视化的编辑界面:上面填写我们设计好的轮播模块的尺寸,下面输入我们在淘宝空间中上传好的轮播图片地址,左侧的组是根据我们设计的轮播图片数量添加的,如果我们设置的三张图片轮播,那么这里就添加三个组,同时右边就可以输入三个轮播图片的地址,并且三个图片可以插入不同的宝贝链接。

这里填写参数问题应该不大,做过店铺装修的朋友都知道,插入图片地址即可, 填写完成之后 我们直接点击右下角的 【生成并复制】按钮。

当软件提交复制代码成功,此时我们要去dw软件中 插入我们生成好的轮播代码:

助力双十一,淘宝装修中那些神秘的轮播

助力双十一,淘宝装修中那些神秘的轮播

注意,这里要删除默认的尖括号,再粘贴我们软件生成的代码即可。一定要删除尖括号哦。 粘贴完成之后再空白处点击一下:

我可以看到预先设置好的效果了:

助力双十一,淘宝装修中那些神秘的轮播

此时我们的轮播代码已经插入到了店招中,别忘了,除了轮播模块内的图片我们已经替换为图片空间的图片地址了,其他的图片还是我们本地的哦,所以我们需要将其他图片的地址也替换为图片空间的图片地址,如果图片不多的话直接复制图片空间的图片地址在dw中替换即可,如果图片多可以使用【淘宝美工助理】——【工具】——【批量换图】:

助力双十一,淘宝装修中那些神秘的轮播

这个功能可以将本地的图片一次批量替换为图片空间的图片,很方便。具体的操作大家有软件的话 可以看软件里面的教程,这里不做过多赘述。

至此,所有的步骤我们都完成了,最后只需要将dw中设计好的代码全选复制之后粘贴到淘宝店招里面即可:

助力双十一,淘宝装修中那些神秘的轮播

利用此方法,可以在任意位置,任意的模块里面插入轮播模块,比如店招,首页海报等图片中都可以,有兴趣的卖家朋友可以亲自尝试。

本文"助力双十一,淘宝装修中那些神秘的轮播"为卖家资讯编辑编创,转载请注明出处(本文转载于:卖家资讯http://www.maijia.com/news/article/201068)

图文阅读
大家淘宝上都有一个淘气值,那是基于你在近12个月在淘宝和天猫的购买、信誉、互动等行为综合做出的一个分值。在每月8号淘气值更新,其中淘气值超过一千分的会员为淘宝超级会员。
2020-10-10 15:24:00
在使用【发货管理】过程中,如果需针对店铺订单进行单个或者批量打印快递单,可进行如下操作。1、打开【发货管理】功能,登陆首页后,点击左侧进入到打印快递单页面。
2020-10-17 14:21:00
淘气值基于用户过去12个月在淘宝的“购买、互动、信誉”等行为,综合计算出来的一个分数,用来衡量用户在淘宝会员的等级,每个月8号更新1次。
2020-10-10 15:23:00
最新文章
如何使用超级店长打印快递单?
2020-10-17 14:21:00
淘气值下降的原因和用处介绍
2020-10-15 15:25:00
淘宝预售退货定金能退吗?
2020-10-15 10:17:00
淘气值标签如何使用?
2020-10-10 15:24:00
淘宝淘气值怎么刷?
2020-10-10 15:23:00
拼多多客服常见问题及解决方法
2020-10-03 10:20:00
如何处理拼多多客服回复率和dsr评分不达标的问题?
2020-10-03 10:19:00
怎么看淘宝宝贝的整体状况、预售明细、评论分析、SKU分析、营销推广数据、流量分析等数据信息
2020-08-06 14:20:53
精选专题
热门阅读
大家都在搜