关注常识网

投稿
  1. 关注常识网首页
  2. 科普知识

手机淘宝店首页底部导航栏怎么设置方法？（淘宝店铺装修的时候，用代码把导航栏隐藏掉了，如何恢复？）

admin • 更新时间：2024-08-29 08:41:35 •科普知识•

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

欢迎大家加入这个淘宝导航条代码问题集合的讨论。我将充分利用我的知识和智慧，为每个问题提供深入而细致的回答，希望这能够满足大家的好奇心并促进思考。

手机淘宝店首页底部导航栏怎么设置方法？（淘宝店铺装修的时候，用代码把导航栏隐藏掉了，如何恢复？）

手机淘宝店首页底部导航栏怎么设置方法？

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

步骤1;设计店招导航

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

店招+导航尺寸详解。(①为什么宽度要是1920像素?答;1920像素基本能支持所有电脑全屏展示。 ②高度为什么150px? 答;店招高度120px,

红条导航30px。③主要内容要放在950X150px 居中部分。 )

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

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

这里要用到Dreamweaver，添加热点功能为导航添加链接，(这个方法加的链接

只能在店招导航上面用，不能在自定义内容区域使用，本人测试过)。

打开Dreamweaver →新建文档→ 空白 HTML(无)文档创建→ 菜单栏 点击插入 → 图像 →

找到自己的刚刚存放的文件950X150.jpg文件→ 确定→ 确定。

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

点击矩形，在要添加链接的上，画上矩形。 之后点击矩形，在链接的地方粘贴 点击跳转的网络地址。 目标选择—_blank

(单机链接后是新建一个页面跳转)

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

步骤3;淘宝后台装修。

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

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

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

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

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

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

如果想自己制作导航：

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

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

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

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

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

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

淘宝导航醒目单个分类颜色css代码

主要思路是你可以再设置一个class，属性为字体红色，然后再需要变为红色的语句标签前，加一个属性名；如<span class="normal special">双十一狂欢</span>

这里就同时有了两个属性。

<html>

<head>

</head>

<body>

<style type="text/css">

.box{background-color:#C9CEC8;width:420px;height:50px;margin:0 auto;border-top:2px solid #353736;}

.content{height:32px;background-color:606F76;border:1px solid #7697AA;}

.content span{margin-right:18px;}

.normal{color:white;float:left;display:block;line-height:30px;font-size:13px;font-weight:bold;}

.special{color:pink;}

</style>

<div class="box">

<div class="content">

<span class="normal">本店所有商品</span>

<span class="normal">图标的位置</span>

<span class="normal">首页</span>

<span class="normal special">双十一狂欢</span>

</div>

</div>

</body>

</html>

淘宝店铺装修的时候，用代码把导航栏隐藏掉了，如何恢复？

导航栏隐藏了，恢复方法：

1、首先确认店铺的默认导航是不是真的被隐藏了,查看下详情页便可以知道，如图：就是一家默认导航条被隐藏了的店铺。

2、用CSS代码隐藏了的导航条模块即使在后台的装修页面也是看不到的。连编辑按钮都一并隐藏了。

3、接下来找回它，在装修页面，点击右键，选审查元素。

4、打开的页面如图。

5、按CRLT+F 将出现一个搜索框，如图。

6、将.skin-box-bd{height:0;overflow:hidden;}复制进去搜索，结果如图。

7、用鼠标点一下，就成为选中状态，然后按Delete键，**部分就被删除掉了。

8、按右上角的叉退出。切记退出后不要刷新。

9、然后点右键--审查元素-CTRL+F -再将.skin-box-bd{height:0;overflow:hidden;}放入搜索框搜一次，再次选中搜索出来的结果。

10、再次删除它，会发现，导航模块已经出来了。

11、再点右上角的叉关掉代码界面，点导航条上的编辑按钮。

12、进入到编辑页面后，点显示设置，这里就可以看当初填入的那段代码，将它删除，点确认退出。

13、退出后，就会看到，这导航条已经找回来了。

手机淘宝店首页底部导航栏怎么设置方法？（淘宝店铺装修的时候，用代码把导航栏隐藏掉了，如何恢复？）

今天的讨论已经涵盖了“淘宝导航条代码”的各个方面。我希望您能够从中获得所需的信息，并利用这些知识在将来的学习和生活中取得更好的成果。如果您有任何问题或需要进一步的讨论，请随时告诉我。

阅读全文
赞 ()
admin
欢迎投稿，联系QQ：379184938
口袋妖怪黑白2伊布亲密度进化解答~~（口袋妖怪白金中伊布各个进化型都什么性格好？）
« 上一篇 2024-08-29
DNF女鬼剑职业介绍（女鬼剑驭剑士刷图加点）
下一篇 » 2024-08-29

相关推荐

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人,并不代表关注常识网立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容(包括不限于图片和视频等），请邮件至379184938@qq.com 举报，一经查实，本站将立刻删除。

联系我们

在线咨询：点击这里给我发消息

微信号：CHWK6868

工作日：9:30-18:30，节假日休息