网店怎样给页头图片添加链接

2025-04-05 17:00:52

1、我们用一个例子来讲述,如图页头右侧有一款羽绒服,鼠标放上去发现是可以点击的网页链接,我们先来分析这个页头,鼠标来回移动多试几次发现我框选的紫色区域以外是不能点击的,以内都是可以点击的。

网店怎样给页头图片添加链接

2、所以这个页头的链接是加在一整张图片上。而不是只加在那件羽绒服上面。所以这个页头其实是两张图片组成的,左侧一张+左侧我框选的紫色区域一张。因此做这个页头的思路就是,先做好两张掬研疔缎图片,一张是店铺的名称店招等信息,一张是右侧的添加有宝贝图片和促销信息的图片。两张图片的高度一样,宽度加起来要等于页头的总宽度950。

3、先做好两张图片。做图片有ps功底的卖家可以直接使用ps做好,然后使用切片功能切开即可。如果没有ps经验可以选择用美图秀秀制作。左侧的图片选一张背景图加上店招等文字信息即可。右侧的图片可以用美如秀秀拼图功能的自由拼图,自定义背景选择白色或者和你之前左侧图片相同的背景色,

网店怎样给页头图片添加链接
网店怎样给页头图片添加链接

4、把做好的两张图片先上传到图片空间,复制图片地址。回到店铺装修页头编辑页面,点击自定义,分别添加好两张图片。左侧的图片只需要粘贴图片地址即可。右侧的图片需要在链接网址加上改图片对应宝贝的链接。其他地方不用改动。确定后保存即可。

网店怎样给页头图片添加链接
网店怎样给页头图片添加链接
网店怎样给页头图片添加链接

5、最后的效果预览如图。两张图片做切割分别上传最重要的就是注意图片的高度要一致,不超过120px。宽度加在一起是950px。举例做的是白底图片所以就算宽度不够也不明显,如果做得是其他有颜色的背景图片,就需要精准的计算好宽度和高度,否则颜色不对整是非常难看的。

网店怎样给页头图片添加链接
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢