首页 > 家居生活 > 电子商务 >

关于淘宝店铺全屏轮播图制作代码的方法

来源:互联网 2023-02-21 16:15:31 278

提示:经过网友提示,本教程已经无法使用,请关注下本人的微博@木凡大人,还是这个头像哦!2HC办公区 - 实用经验教程分享!

2HC办公区 - 实用经验教程分享!

已经有最新教程呈上,更加容易便捷!咱们都是爱学习的人!加油!2HC办公区 - 实用经验教程分享!

工具/原料

  • 电脑、人

方法/步骤

  • 1

    首先打开制作网站http://www.xfbdw.com/index.php,经本人试验超好用哦!2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

  • 2

    在图片地址这里添加你已经做好的图片地址,图片先上传到淘宝图片空间哦!全屏的图片是宽1920像素,我制作的是1920x500,图片都需要提前做好,再开始第一步。2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

  • 3

    链接就是图片的链接地址,可是页面也可是宝贝的链接地址哦!我的是宝贝链接地址。2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

  • 4

    海报宽度和高度根据自己需要设置,做轮播图海报的高度要一致哦,不然很丑!2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

  • 5

    然后是海报按钮,在最右边有个下载海报按钮,下载下来选个自己比较喜欢的按钮,传到图片空间,然后把图片链接复制粘贴到下图显示的地方即可,注意左右区分。2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

  • 6

    然后是轮播时间设置,可根据自己的喜好设置!2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

  • 7

    这一栏根据自己的店铺和喜好设置,切换方式和速度自己随便设置2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

  • 8

    海报按钮这里需要点击启用2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

  • 9

    当当当~~最后生成代码,然后复制代码2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

  • 9本页面未经许可获取自百度经验
  • 10

    恭喜,生成成功!!2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

  • 11

    把黑框里的代码复制过来,不要复制错了哦!2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

  • 12

    最后你一定要问复制到哪里吧?卖家中心—店铺装修—添加模块—添加自定义模块2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

  • 13

    自定义模块显示标题这里,点击不显示,然后点击红圈的地方,编辑代码2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

  • 14

    把刚刚做好的代码复制进去就OK啦,大功告成,给你们看看成效。亲,真的是全屏哦!!2HC办公区 - 实用经验教程分享!

    关于淘宝店铺全屏轮播图制作代码的方法2HC办公区 - 实用经验教程分享!

  • 注意事项

    • 经过网友提示,本教程已经无法使用,请关注下本人的微博@木凡大人

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!2HC办公区 - 实用经验教程分享!


    标签: 淘宝店铺方法

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码