2024年11月淘宝主页店铺代码怎么设置(淘宝开店全屏代码装修教程)

发布时间:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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