请问大师,淘宝全屏导航栏怎么做

请问大师,淘宝全屏导航栏怎么做,第1张

淘宝专业版原导航就是满屏宽的

如果想自己制作导航:

隐藏原导航,导航条编辑->显示设置->输入:skin-box-bd{display:none;} 并确定

PS制作一条1920像素宽,150像素高的头部,里面取一部分设计你的导航,并设计完

ps切片,切出头部居中的950像素(商城为990像素),上传空间(950px)导入DW制作热点链接,并制作完

打开淘宝装修,把你制作好的头部代码复制到店铺自定义招牌中,头部完成

你要的全屏:打开淘宝装修->装修->样式管理->背景设置->页头设置->上传(背景显示:不平铺,背景对齐:居中)->保存并发布

你要的全屏效果基本完成,有什么问题可以联系我

点击卖家中心-店铺装修,进入旺铺装修后台,点击”页面装修“下的页面管理,点击新建页面,创建自定义页面。

自定义页面创建成功后,点击导航栏右上角的编辑后点击右下角的添加,选择页面,勾选已经创建的自定义页面,点击确定就可以了。

我们大家在淘宝上面购物的时候,不管进入到哪个淘宝店铺,都会去看导航栏,通过这个导航栏我们可以找到想要的商品。所以商家们要重视这方面的设置,淘宝店铺首页导航栏如何制作

步骤1;设计店招导航

打开photoshop(下面简称PS),新建一个1920X150像素文件,设计好自己的店招。

店招+导航尺寸详解。(①为什么宽度要是1920像素答;1920像素基本能支持所有电脑全屏展示。 ②高度为什么150px 答;店招高度120px,
红条导航30px。③主要内容要放在950X150px 居中部分。 )

设计好之后按照上面尺寸标示,储存一个全屏1920X150jpg文件,和一个950X150jpg文件,留好备用。

步骤2;给店招导航添加链接

这里要用到Dreamweaver,添加热点功能为导航添加链接,(这个方法加的链接
只能在店招导航上面用,不能在自定义内容区域使用,本人测试过)。

打开Dreamweaver →新建文档→ 空白 HTML(无)文档创建→ 菜单栏 点击插入 → 图像 →
找到自己的刚刚存放的文件950X150jpg文件→ 确定→ 确定。

上方--代码拆分设计--点击设计栏,在点击,下方属性能看见,箭头和矩形图形。

点击矩形,在要添加链接的上,画上矩形。 之后点击矩形,在链接的地方粘贴 点击跳转的网络地址。 目标选择—_blank
(单机链接后是新建一个页面跳转)

链接都添加完成后,点击上面的代码。复制这一份代码(去淘宝后台装修)。

步骤3;淘宝后台装修。

把刚刚复制好的代码,粘贴到(淘宝→卖家中心→店铺装修→店招右上角编辑,把刚开始做好的950X150jpg上传到淘宝空间,复制链接,替换下图中选着的部分。

下一步,装修后台左边选择页头,更换选择刚才做好的1920X150jpg。不平铺居中,应用到多有页面。

以上就是小编为大家带来的设置的方法了,这个导航栏其实就和导购一样,意义是一样的,好的导航栏可以带瞎消费者们找到自己想要的商品,所以制作它是非常的有必要的。

推荐阅读:淘宝店铺首页导航栏怎么弄在哪设置


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13183501.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-06-17
下一篇 2023-06-17

发表评论

登录后才能评论

评论列表(0条)

保存