淘宝全屏店招代码生成 淘宝卖家必学技能 推荐阅读

大家好,亿卓智库的小卓又来给大家分享了,继昨天分享了做全屏的店铺装修后,有很多童鞋说学了之后做出来的不好看,店招位置短了一块,这怎么解决呢?

今天小卓给大家分享的主题就是【利用代码】做一个自己想要的全屏店招

首先,自己先做一张店招的图片吧,尺寸需要大于950像素的(要与主页上的图片宽度一致哦,否则做好后会宽度不一样的),高度是150PX,如下图所示。

你想要的结果应该是这样的吧,与下方的主页面无缝对接,点击“所有分类”或“双十二活动专区”会有相应跳转,还要加上“收藏店铺”的提示,如下图所示。

接下来就来学习吧,2分钟内学会。

有了图片在,那么工作就会快很多了,接下来,把这张图片上传到自己淘宝店铺的图片空间(登陆淘宝网-卖家中心-图片空间-上传图片),上传成功后,点击图片下方的“回形针”标志的复制链接键,如下图所示。

做好上面的工作,那么接下来打开制作代码的工具“码工助手”【可以百度直接搜索码工助手进入】,进入主页面登陆后点击“在线布局”

进入“在线布局”后展示的页面是下面这样子的,把刚刚图片空间复制的链接粘贴进“背景图里吧,然后在模块宽度里写上,950PX宽,150PX高。

填写好后就是下面展示的了,出现了你之前做的图片,有童鞋是否在问,为什么是950PX,不能直接填我做的图片大小,小卓回答”当然可以,但店招热区只有950PX以内是可以使用的“。所以还是950方便点。

接下来就要对”所有分类、首页、双十二活动专区、本店特价“等进行添加类似于”超级链接“一样的可点击的操作了,专有名词叫”热区“,点击热区,把区域进行调整到你想要点击的位置,然后双击把想要跳转到的链接复制进来,这就做好一个热区了。

接上面的方法重复操作,就看到下面的样子了,小卓做了四个热区,当然你的先项多可以多做几个也是OK的。

下面再加上个收藏吧,点击”收藏“,弹出后调整大小和位置后进行双击,跳出弹出窗后输入收藏的链接。

看到这里,你的工作已经完成大部分了,再接再厉,马上OK。

点击右上角的”生成代码“后将代码复制粘贴。如下图所示。

接下来进入到自己的店铺装修页面。具体流程:登陆淘宝网-卖家中心-店铺装修-编辑店招。

即然是代码装修,就要在店招编辑里面选择”自定义招牌“,再选择”双向箭头“的源码。

将刚刚”码工助手“里面复制的代码粘贴进来,再把高度改成150PX(这是你图片制作的高度),然后保存。

好了,主体工作都已经做好了,“预览”一下吧,咦?为什么左右分别少了一块呢?如下图所示

原因是你设计的店招是950PX宽,而下面的主体图片宽度大于950PX,所以出现2块空白,那么你需要进入“店铺装修”里面“页头背景图作个设置”。

点击“页头”,将你之前做好的图片上传上来,记住一定点击“不平铺”。

如果你做好上面的工作,那么就已经大功告成了,你可以预览一下,如果可以就发布吧,来看看自己的作品吧。

当然,有些童鞋在说小卓做的不漂亮,我想说我不是美工出身,这里只给大家用代码做全屏店招的方法,希望对大家有帮助。

这里做一个总结,其实全屏店招的做法很简单,1.做一张全屏的店招图;2.把这张图生成代码;3.将代码装修进店铺;4.插入页头背景图。如果你懂了就会发现,全屏店招就是两张图片的叠加。

如果您看到这里,我相信您可能是淘宝开店不久的小卖家,小卓想说句:“创业者辛苦了”。亿卓智库将一直陪伴大家共同成长。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 wronzv@163.com 举报,一经查实,本站将立刻删除。

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-21
下一篇 2023-03-21

相关推荐

  • 十39是哪个国家代码

    +49代表哪个国家啊??要怎么查啊??65是哪个国家代码国家代码或国家编码是一组用来代表国家和境外领土的地理代码。国家代码是由字母或数字组成的短字串,方便用于数据处理和通讯。国际奥委会国家代码:国际奥林匹克委员会所使用的三位字母代码。国际足...

  • 无代码开发APP与传统开发模式的区别那种适合企业成长初期

     手机领域的进步,信息化,虚拟化领域发展迅速,新技术不断革新,其中无代码开发就是软件APP开发的一门最新技术,并作为热词被不断提出争议。由于无代码在线制作APP平台不断的被人熟知,这时候就有了一个很大的争论点,传统研发模式和无代码开发,对企...

  • 无代码APP开发神器:衡道云

    移动互联网之初APP开发团队稀缺,研发项目昂贵,而无代码制作APP在线平台的出现,使得普通人也可以制作APP,让APP的种类变得更多,开发APP行业也越来越大众化。 无代码在线平台技术人员将代码具体化呈现成一小块一小块的组件,让普通人不用技...

    2023-02-08
  • 身份证数字分别代表什么,身份证号各个数字代表什么意义

    一身份证数字分别代表什么、1-2位:省,自治区,直辖市代码3-4位地级市,盟,自治州代码5-6位:县,县级市,区代码7-14位:出生年月日15-17位:顺序号,其中17位,男为单,女为双数18位:校验码,由公式随机生成二、扩展资料分为实卡身...

    2023-02-08
  • 纯色背景图白色,如何将照片背景换成白色

    解决办法纯色背景图白色:利用photoshop软件,将照片背景换成白色即可。 具体步骤如下: 1、首先,打开photoshop软件,打开制作的图片,如下图所示。 2、然后,点击“滤除”,用鼠标和高亮笔圈出图形轮廓,如下图所示。 3、接下来,...

    2023-02-08
  • html网页设计代码,网页设计要掌握哪些技能

    1html网页设计代码、熟练掌握HTMLCSS代码 不论你是不是开发者,网页开发最基本的语言HTMLCSS 你是有必要掌握的,知道如何阅读、编辑并解决问题。然而根据设计师开发者的实际工作情况,你所需要了解的程度、范畴甚至会更广一些。在任何情...

    2023-02-08
  • vbs代码表白,最简单的vbs整人代码

    简单的vbs整人代码其实有很多vbs代码表白,下面就简单给大家介绍几个吧!1、打开好友的聊天对话框,然后记下QQ里好友的昵称,把下面代码里的xx替换一下,就可以自定义发送QQ信息到好友的次数(代码里的数字10改一下即可)。 2、打开无数个计...

    2023-02-08
  • vbs代码表白,怎么利用最简单的代码表白

    如何利用最简单的代码表白方法vbs代码表白:1、首先,我们现在桌面创建一个新建文本文档.txt。2、然后我们打开,在里面输入msgbox(“你想要说的话”)。这里的 msgbox(……)可以有很多个,一个代表一句话且一个占用一个段落,括号引...

  • 身份证尾号,身份证尾数是分单数双数吗

    我国自1999年实施公民身份号码制度以来,许多公民身份号码末位为“X”的公民,由于不明白“X”的含义,要求给予更换,产生了不必要的误会。目前我国公民身份证号码由18位数字组成身份证尾号:前6位为地址码,第7至14位为出生日期码,第15至17...

    2023-02-08
  • eclipse代码提示,eclipse的自动提示功能

    一般情况下按ALT+即可提示,若想按任意字母都有提示,则可以打开eclipse的自动提示功能,打开或关闭该提示功能的步骤如下eclipse代码提示: 1. 打开eclipse后一次点Window-gtPerferences-gtJa...

    2023-02-08

发表评论

登录后才能评论

评论列表(0条)