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

来源:刚哥哥免费淘宝店铺装修   发布时间:2018-08-26 15:06
淘宝店铺装修里,怎么添加制作设置淘宝全屏轮播海报图片?今天刚哥哥为大家讲解一下淘宝店铺装修教程之淘宝全屏轮播代码制作。(注意:本教程适用于所有淘宝店铺类型,包括淘宝专业版或智能版旺铺和基础版旺铺)

一、打开淘宝全屏轮播代码在线制作生成工具  点击这里

二、淘宝全屏轮播代码在线制作界面介绍

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

淘宝全屏轮播代码在线制作界面介绍

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

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

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

1、店铺类型选择

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

根据你的旺铺店铺类型,选择相应的类型。如果是基础版店铺,一定要选择基础版按钮后,再进行后面的操作。

2、数据设置

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

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

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

轮播图组:

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

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

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

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

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

3、播放效果配置

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

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

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

注意:由于网站升级,全屏轮播预览如果看不到轮播效果,请直接生成代码,在淘宝店铺安装后查看效果。

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

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

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

c、在淘宝店铺装修后台首页,在左侧模块里,拖动自定义区到店铺中间位置(专业版或者智能版店铺);

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

如果是基础版店铺,拖动自定义区到店铺的右侧可添加模块的位置。如下图所示

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

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

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

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

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

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

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

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

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

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


在此强调三点:

1、如果是基础版店铺,一定要选择基础版按钮后,再预览,再生成代码

2、在店铺装修页面,基础版店铺一定要在右侧自定义里粘贴安装全屏轮播代码

3、不管是专业版或者智能版还是基础版店铺,在自定义内容区里,一定要点击源码按钮后,其他按钮变成灰色以后,再粘贴全屏轮播代码


附上:

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

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




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