您的位置 首页 > 数码极客

DW热点链接之全屏店招实现手法

在上一篇文章中,我们分享了如何制作一个全屏店招,不是道屏幕面前的你学会了没有呢?

今天要给大家分享的是如何把全屏店招装修到我们的店铺中去,其中还会讲到如何给图片添加热点链接。

好了,废话不多说,直接实操,咱们这就开始吧。

首先还是先用PS打开我们之前做好的全屏店招。我们现在要把全屏店招分割成两个区域,一个是950店招区域,一个是页头背景区域。先保存一份全屏JPGE格式的图片。

然后用裁剪工具,裁剪掉950像素以外的地方,保留950区域。然后保存到桌面。再上传到淘宝的图片空间。

现在我们这两个图片分别是950店招和页头背景。

点击复制950店招图片的代码

接下来用DW把它打开,这里我们选择HTML

粘贴代码,选择拆分、然后鼠标点击右边空白区域,店招图片就出来了

现在我们可以给图片加上我们想要的热点链接了。选择下面任意一个热点工具

然后在我们需要加热点的地方依次添加热点,鼠标左键直接画点区就行了。

下面的链接放上我们需要添加的链接,目标选择blank

链接这里复制我们店铺首页的链接

进入店铺首页,复制浏览器中的链接,粘贴到刚刚链接区域中。

剩下的也依次画上热点,添加相应的链接,不同的宝贝分类链接可以在店铺装修里面的页面管理找到

收藏链接则是在店铺首页可以找到,鼠标右键复制即可

全部添加好链接之后,现在我们复制所有的代码

进入店铺的装修页面,点击编辑店招,选择自定义店招,再点击源码,然后把代码粘贴进去。

保存之后,950的区域我们就装修好了,如果你的店招这里高度显示的是120,把数值修改成150像素就可以了,接下来是我们的页头背景区域。

点击页头,更换图片,这里我们选择之前全屏的店招打开,也就是没有经过裁剪的那份。

最后在点击横向平铺,居中

整个店招就装修好了,现在我们点击发布试试。

怎么样,是不是展示全屏了呢?这里要注意一点,页头部分只有店铺专业版才有上传入口,如果你是基础版,是没有这个入口的哦。

不仅仅是店招,其他图片要加热点链接,操作手法也是一样的哦,是不是非常简单呢

好了,今天就给大家分享到这里咯,下次见~~~~

责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“店招如何加热点”边界阅读