淘宝店铺装修教程之淘宝全屏轮播代码制作

来源:刚哥哥免费淘宝店铺装修   发布时间:2017-06-29 10:56
淘宝店铺装修里,怎么添加制作设置淘宝全屏轮播海报图片?今天刚哥哥为大家讲解一下淘宝店铺装修教程之淘宝全屏轮播代码制作。(注意:本教程仅适用于淘宝专业版旺铺)

一、打开淘宝全屏轮播代码亿万先生mr005生成工具  点击这里

二、淘宝全屏轮播代码亿万先生mr005界面介绍

制作界面顶部为预览区,左下角为淘宝全屏轮播设置区,底部有“预览”按钮。

淘宝全屏轮播代码亿万先生mr005界面介绍

部分朋友会问,怎么只有“预览”按钮,没有“复制”生成代码的按钮呢?

只有在设置完成后点击“预览”,才会出现“复制”按钮。

三、淘宝全屏轮播代码制作流程

1、数据设置

轮播高度:填写你的整个淘宝全屏轮播海报的高度,以你的淘宝全屏轮播海报的最低高度为准。比如你有3张淘宝全屏轮播海报图片,高度不一致,有550、560、600,这个时候,就填写550即可。当然,最好的方法是,统一你的淘宝全屏轮播图片的高度。

淘宝全屏轮播代码制作之轮播高度设置

怎么没有宽度设置呢?因为淘宝全屏轮播的标准宽度为1920,只需要在设计海报素材的时候,以1920这个宽度为准即可。

轮播图组:

a、图片地址:上传准备好的淘宝全屏轮播海报图片到你的淘宝图片空间,复制地址,在这里粘贴(一定是自己淘宝店铺图片空间的图片地址)。

淘宝全屏轮播代码制作之图片地址设置

b、链接地址:粘贴最终用户在点击海报的时候打开的页面地址。比如,你的某个宝贝的链接地址,或者你的活动页面地址,一定要是淘宝链接,否则打不开。

轮播图组可以添加多图,如果有更多的图片,可以点击下面的“继续添加”按钮。一般推荐4组即可,太多图片,用户也不会去点。

淘宝全屏轮播代码制作之添加更多图片

2、播放效果配置

由于设置选项较多,这里就不一一讲解了。一般情况下默认即可,根据你的需要进行选择设置。

3、淘宝全屏轮播代码生成和安装

a、设置完成后,点击左下角的“预览”按钮,可以在顶部的预览区,查看设置完成的淘宝全屏轮播效果。

淘宝全屏轮播代码制作之预览和生成代码

b、这个时候,在“预览”按钮右侧,会出现“复制”按钮。点击“复制”按钮,页面会弹出代码框。然后,点击页面的“复制代码”按钮,或者在代码框里鼠标右键全选后再复制代码。

淘宝全屏轮播代码制作之复制代码

c、在淘宝店铺装修后台首页,在左侧模块里,拖动自定义区到店铺中间位置。

淘宝全屏轮播代码制作之新建自定义区

点击自定义区的“编辑”按钮,在编辑界面里,“显示标题”位置,选择“不显示”。

淘宝全屏轮播代码制作之编辑自定义区

淘宝全屏轮播代码制作之自定义区设置

点击源码按钮,然后在内容框里鼠标右键粘贴,最后点击左下角的“确定”按钮。

淘宝全屏轮播代码制作之粘贴代码

这样,就完成了淘宝全屏轮播海报代码的安装。最后,没有问题的话,可以点击装修页面右上角“预览”或者直接“发布站点”。

淘宝全屏轮播代码制作之发布装修

以上,就是刚哥哥为大家讲解的淘宝店铺装修教程之淘宝全屏轮播代码制作。



附上:

淘宝全屏轮播海报代码制作工具  点击这里

淘宝全屏轮播海报图片制作  点击这里




更多
刚哥哥网店装修联盟,免费提供淘宝店铺装修教程、淘宝店铺装修图片、淘宝店铺装修代码、淘宝店铺装修素材、淘宝店铺装修模板,让你的网店装修事半功倍。
本站部分内容来源于网络或网友上传,如有侵犯您的权益,请告诉我们,立即删除处理!
Copyright © 2011-2017 刚哥哥网店装修联盟 All rights reserved.
黔ICP备15006393号-1