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

淘宝/天猫店招关注制作方法/代码/教程

来源:互联网 2023-02-21 16:13:19 310

店招关注如何制作?店招关注代码如何使用?淘宝/天猫店招关注制作方法/代码/教程VhZ办公区 - 实用经验教程分享!

工具/原料

  • Dreamweaver
  • Photoshop

方法/步骤

  • 1

    1.在PS里面做好店招,店招上有关注字样,建议大家把关注做成GIF的动画效果。VhZ办公区 - 实用经验教程分享!

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

    淘宝/天猫店招关注制作方法/代码/教程VhZ办公区 - 实用经验教程分享!

  • 2

    2、店招做好后,切片,只要中间990的,C店950,如图2所示。VhZ办公区 - 实用经验教程分享!

    保存:文件-储存为Web所以格式。VhZ办公区 - 实用经验教程分享!

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

    淘宝/天猫店招关注制作方法/代码/教程VhZ办公区 - 实用经验教程分享!

  • 3

    3、将切好片后的图片上传至网店的图片空VhZ办公区 - 实用经验教程分享!

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

    淘宝/天猫店招关注制作方法/代码/教程VhZ办公区 - 实用经验教程分享!

  • 4

    4、打开DW,图3所示。再打开你刚刚保存好的文件,如图4所VhZ办公区 - 实用经验教程分享!

    淘宝/天猫店招关注制作方法/代码/教程VhZ办公区 - 实用经验教程分享!

  • 5

    5、打开店招VhZ办公区 - 实用经验教程分享!

    淘宝/天猫店招关注制作方法/代码/教程VhZ办公区 - 实用经验教程分享!

  • 6

    6、这个关注的链接就是在店铺里面的关注击右键审查元素,如图5‘把红色方框里的代码复制到DW里,新建一个文件 VhZ办公区 - 实用经验教程分享!

    淘宝/天猫店招关注制作方法/代码/教程VhZ办公区 - 实用经验教程分享!

  • 7

    7、删掉蓝色部分,换成图片的代码,有了一个新的代码,如图6 VhZ办公区 - 实用经验教程分享!

    淘宝/天猫店招关注制作方法/代码/教程VhZ办公区 - 实用经验教程分享!

  • 7本页面未经授权抓取自百度经验
  • 8

    8、把新代码复制替换掉店招上关注切片那一块的代码,如图7蓝色部分VhZ办公区 - 实用经验教程分享!

    淘宝/天猫店招关注制作方法/代码/教程VhZ办公区 - 实用经验教程分享!

  • 9

    9、复制图片空间的链接到DW里,把源文件给替换掉,它的链接是一个空链接。而下面的鞋子就需要链接到详情页里,优惠劵等都需要链接,目标均为blank.VhZ办公区 - 实用经验教程分享!

    淘宝/天猫店招关注制作方法/代码/教程VhZ办公区 - 实用经验教程分享!

  • 10

    10、全部链接好后,将代码全部复制后粘贴到首页的店招装修里就可以了,再将店招加一个背景(刚刚做好保存的JPG的店招拿来做为背景)。装修-样式管理-背景设置VhZ办公区 - 实用经验教程分享!

    11、然后顾客进店在首页点击关注就可以关注你的店了。VhZ办公区 - 实用经验教程分享!

    淘宝/天猫店招关注制作方法/代码/教程VhZ办公区 - 实用经验教程分享!

    淘宝/天猫店招关注制作方法/代码/教程VhZ办公区 - 实用经验教程分享!

  • 注意事项

    • 要懂一点DW 和PS
    • 要懂一点代码

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


    标签: 淘宝天猫关注方法教程

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