快捷导航
 
网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看 ...
VIEW CONTENTS
-推马SEO 门户 SEO知识 查看内容

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看 ...

2018-11-5 23:03| 发布者: relaxing| 查看: 630| 评论: 0
摘要: 淘宝店铺装修的时候有一个悬浮导航,好多人不清楚怎么装修,其实很简单。首先把悬浮导航模块拖到右边位置。首先,可以调整悬浮导航的位置,不过有限,0-50像素之间。这个根据个人喜好或者店面装修版面去调整。然后在 ...

淘宝店铺装修的时候有一个悬浮导航,好多人不清楚怎么装修,其实很简单。首先把悬浮导航模块拖到右边位置。

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

首先,可以调整悬浮导航的位置,不过有限,0-50像素之间。这个根据个人喜好或者店面装修版面去调整。

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

然后在内容设置里我们可以看到悬浮导航的尺寸要求。

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

然后可以在PS里新建一个宽200像素,高600像素的文档,我们做的悬浮窗只要在这个范围内都是可以的。记得最好是透明背景的。

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

悬浮导航的设计有一个最简单的思路,就是可以找一个你们店的模特图,抠出来放上去,或者是一个产品图也可以,我们拿一个女装来讲。如下图,先抠出模特图。

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

然后我们画一个形状去遮住这个模特,一般新手会想用一个矩形,这个有点太普通也不好看,我们可以用一个带弧度的形状试试。

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

颜色自己随便调。尽量不要太亮。然后可以把我们店的LOGO跟分类给放上去,方便客户选择。当然你想放别的也随你,放上旺旺也可以。

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

然后可以放上收藏或者关注。还可以再多复制一层放旁边,调整下透明度来丰富悬浮导航的效果。

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

可以复制一层矩形形状,CTRL+T,然后鼠标右键选择变形,用鼠标拖拉一下形状做一个小变化即可。

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

最后再稍微调整下颜色,保存为PNG或者GIF格式的透明图片出来。

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

这个悬浮导航不需要去转代码,直接打开你店铺装修页面。上传到我们之前拖过去的模块里。

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

下面有一个添加热点,是可以给我们做好的悬浮导航做热点链接的。把对应的热点链接地址复制到对应位置就行。

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

热点搞定后就可以点击确定并预览看一下效果,可以的话就可以直接发布了。

网店淘宝店铺装修,悬浮导航的设计与装修教程,新手必看

感谢大家耐心阅读,有什么不明白的留言给大叔,虽然大叔知之甚少,交流嘛。有交流才有进步不是。


鲜花

握手

雷人

路过

鸡蛋

最新评论

VR视频更多
周排行

让创业更简单

  • 反馈建议:service_media@36kr.com
  • 客服电话:
  • 工作时间:周一到周五

云服务支持

精彩文章,快速检索

关注我们

Copyright 推马SEO-SEO网络推广|优化排名|SEO教程-seo站长论坛  Powered by©  技术支持: