淘宝店铺悬浮导航怎么设置

时间:2024-10-18 02:18:26

1、我们用PS打开之前制作好的悬浮导航,如图所示。

淘宝店铺悬浮导航怎么设置

2、接着,我们把白色的背景隐藏起来,如图所示。

淘宝店铺悬浮导航怎么设置

3、接下来,我们另存为把保存类型选择PNG格式,点击【保存】,如图所示。

淘宝店铺悬浮导航怎么设置

4、我们在pc端装修的首页中找到【悬浮导航】的模块,如图所示。

淘宝店铺悬浮导航怎么设置

5、我们把悬浮导航拖进来之前,点击【编辑】,如图所示。

淘宝店铺悬浮导航怎么设置

6、我们可根据自己的需要调整悬浮导航坐标,比如:距离店铺页头的距离为20px,距离内容模块的距离50px,如图所示。

淘宝店铺悬浮导航怎么设置

7、我们在内容设置中点击【上传图片】,如图所示。

淘宝店铺悬浮导航怎么设置

8、我们分别给悬浮导航的文字添加上热区和链接,点击【确定】,如图所示。

淘宝店铺悬浮导航怎么设置
淘宝店铺悬浮导航怎么设置

9、最后,我们看到悬浮导航就设置好了,如图所示。

淘宝店铺悬浮导航怎么设置
© 手抄报圈