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

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

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

html一张小图片如何布满全屏而又根据不同屏幕的大小自动调整DW热门链接之全屏店招实现手段 Node.js
(图片来自网络侵删)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

末了在点击横向平铺,居中

全体店招就装修睦了,现在我们点击发布试试。

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

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

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