网店导航栏制作教程(淘宝店铺主页的装修方法)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文来自管理员投稿,不代表资源分享网立场,如若转载,请注明出处:https://duduzhe.cn/fbd1dAgQ8UAhcDFVU.html

打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2024年12月11日
下一篇 2024年12月11日

相关推荐

  • 今天女演员卡格妮·琳恩·卡特自杀细节曝光,用霰弹枪朝自己的口

    卡格妮琳恩卡特,一个曾经光芒四射的美国女演员,如今却以一种极端的方式结束了自己的生命。她的离世引发了社会各界的关注和思考。在好友们的心目中,卡格妮一直是一个活泼开朗、积极向上的人。她曾是电影界的新秀,拥有着无数的粉丝和支持者。然而,当媒体公布了她的自杀细节

    2025-01-02 03:54:02
    130 0
  • 暗黑超级英雄渐渐落寞,都是《复联4》惹的祸?

    【环球时报特约记者 罗晓汀】没有什么能挡住《复仇者联盟4》的热度,包括美剧《西部世界》导演尼尔马歇尔执导的重启版《地狱男爵:血皇后崛起》。这部耗资5000万美元成本打造、曾被IMDb评为“2019好莱坞十大电影”的系列新作,于4月12日在北美后遭遇“滑铁卢”,首周票房仅20

    2025-01-02 02:24:02
    644 0
  • 城投集团是怎样一步步吞噬掉民企的业务

    文 | 快乐精灵编辑 | 快乐精灵听说关注我的人,财神爷都偏爱几分!想要财运爆棚,就从点个关注开始吧!祝您财源滚滚,好运连连!当城市建设的巨轮滚滚向前谁来守护“小草”的生存空间?近年来,随着城市化进程的加速推进,城投公司如雨后春笋般涌现,它们承担着城市建设的重

    2025-01-02 02:18:02
    192 0
  • 岳飞:精忠报国的传奇

    在中国历史上,岳飞是一个家喻户晓的名字。他不仅是一位杰出的军事将领,更是“精忠报国”的象征。岳飞的故事充满了勇气、忠诚和悲壮,今天我们就来深入了解这位民族英雄的传奇一生。早年经历岳飞出生于公元1103年,家境并不富裕,但他从小就展现出非凡的才智和勇气。年轻的岳

    2025-01-02 01:54:02
    65 0
  • 古希腊神话(五)——伊甸园

    上帝耶和华在7天内创造了天地万物:第一日造光,分明暗昼夜;第二日造天,定晨昏;第三日造地,分水陆,造植物;第四日造日月星辰,分管昼夜,定节令、日子、年岁;第五日造飞禽和水生动物;第六日,造人类和陆生动物;第七日,天地万物造就完毕,耶和华休息,为安息日,定为

    2025-01-02 01:27:02
    3586 0
  • 《铁血战士》新海报耐人寻味 致敬经典再现杀戮时刻

    扬子晚报讯(记者 孔小平)由二十世纪福斯电影出品,沙恩•布莱克(《钢铁侠3》导演)执导的重启版《铁血战士》(暂译)将于9月14日北美上映。近日该片曝光了一张正式版海报,月黑风高之夜,一位由红外热感勾勒而出的铁血战士进入眼帘,宇宙最强猎手标志性的猎杀时刻再次启动

    2025-01-02 01:03:01
    160 0

发表回复

8206

评论列表(0条)

    暂无评论