2024年11月淘宝店铺导航条怎么全部隐藏(关于淘宝首页导航栏设置的步骤)

发布时间:

  ⑴一:编写教材的目的

  ⑵经常会在我的代码群里,有一些群友会问,我店铺的导航消失了,或者店铺自定义模块消失了,怎么显示出来?

  ⑶在说实现方法前,有必要说一下,产生的原因。因为在使用别人代码的时候,别人代码中存在一些隐藏的代码,所以会出现隐藏的效果。这里米色从两种情况来分析,导航和自定义模块

  ⑷三:店铺导航隐藏

  ⑸这个相对来说比较简单,因为一般情况下,都是因为给导航添加 display:none; 造成的。

  ⑹那么如何解决呢?

  ⑺很简单,运用好浏览器审查元素工具,工具是用来调试代码用的,可以临时修改页面样式查看效果,但是不会修改到源代码

  ⑻具体如何解决,跟着操作一步步做:

  ⑼-进入店铺装修页面

  ⑽-鼠标放在店招上面,右键 - 审查元素

  ⑾-找到代码中class名为 J_PageToDesignContainer 的div

  ⑿-然后依次往下找,找到代码里面有导航两个字的DIV为止

  ⒀- 然后继续往下找。一直找到 class 名为 skin-box-bd 的DIV位置,然后鼠标点击这个DIV,会看到右边 .skin-box-bd 里面有个 display:none; 的样式。鼠标点击这个样式前面的 对勾。会发现隐藏的导航显示了

  ⒁-最后鼠标经过导航,会看到编辑按钮。点击编辑,会弹出下面截图,找到 显示设置,在CSS里面找到 .skin-box-bd {display:none;} 的样式,删掉。这个时候有同学可能要问,如果这个样式里面还有其他的怎么办。那你只需要把 display:none; 删掉即可。点击确定,隐藏的导航就显示了。

  ⒂四:自定义模块隐藏

  ⒃这个原因的复杂并且多样了。米色主要总结有以下几个原因

  ⒄上面解决的办法都一样,装修页面审查元素解决。这里就不多啰嗦了。以前录过一个视频教程,有兴趣可以看看,复制下面地址在浏览器打开

  ⒅五:如何避免这样的问题呢

  ⒆六:那些原因会造成高度为,而将内容隐藏

  ⒇时间有限 ,目前只能想到这些,如果有其他的原因,会在代码群里交流。