在上一篇文章中,我们分享了如何制作一个全屏店招,不是道屏幕面前的你学会了没有呢?
今天要给大家分享的是如何把全屏店招装修到我们的店铺中去,其中还会讲到如何给图片添加热点链接。
好了,废话不多说,直接实操,咱们这就开始吧。
首先还是先用PS打开我们之前做好的全屏店招。我们现在要把全屏店招分割成两个区域,一个是950店招区域,一个是页头背景区域。先保存一份全屏JPGE格式的图片。
然后用裁剪工具,裁剪掉950像素以外的地方,保留950区域。然后保存到桌面。再上传到淘宝的图片空间。
现在我们这两个图片分别是950店招和页头背景。
点击复制950店招图片的代码
接下来用DW把它打开,这里我们选择HTML
粘贴代码,选择拆分、然后鼠标点击右边空白区域,店招图片就出来了
现在我们可以给图片加上我们想要的热点链接了。选择下面任意一个热点工具
然后在我们需要加热点的地方依次添加热点,鼠标左键直接画点区就行了。
下面的链接放上我们需要添加的链接,目标选择blank
链接这里复制我们店铺首页的链接
进入店铺首页,复制浏览器中的链接,粘贴到刚刚链接区域中。
剩下的也依次画上热点,添加相应的链接,不同的宝贝分类链接可以在店铺装修里面的页面管理找到
收藏链接则是在店铺首页可以找到,鼠标右键复制即可
全部添加好链接之后,现在我们复制所有的代码
进入店铺的装修页面,点击编辑店招,选择自定义店招,再点击源码,然后把代码粘贴进去。
保存之后,950的区域我们就装修好了,如果你的店招这里高度显示的是120,把数值修改成150像素就可以了,接下来是我们的页头背景区域。
点击页头,更换图片,这里我们选择之前全屏的店招打开,也就是没有经过裁剪的那份。
最后在点击横向平铺,居中
整个店招就装修好了,现在我们点击发布试试。
怎么样,是不是展示全屏了呢?这里要注意一点,页头部分只有店铺专业版才有上传入口,如果你是基础版,是没有这个入口的哦。
不仅仅是店招,其他图片要加热点链接,操作手法也是一样的哦,是不是非常简单呢
好了,今天就给大家分享到这里咯,下次见~~~~