艺灵设计

全部文章
×

新版淘宝店铺装修教程之两种方法恢复已隐藏的系统导航模块

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2016-06-03 21:59:55 - 阅: - 评:0 - 积分:0

摘要:
  其实也没什么,之前这种方法可编辑任意隐藏的模块,以及那些无法正常编辑的超权限模块,只不过现在教仍不会的看官编辑下导航而已。因为经常有看官粘贴了代码将自己店铺导航给隐藏掉了,然后又不知道怎么恢复......

一、为何写这篇教程

由于淘宝店铺后台升级成了新版,所以以前网站上提供的恢复淘宝系统导航的方法对新版来说,并不怎么灵光。不是方法失效而是改版后的页面源码及布局变了!所以呢,艺灵就写了这篇新的教程。此教程在一定程度上,可以给需要研究淘宝漏洞的看官提供一些灵感,也许你会玩出新花样哦!

二、此教程用途

如标题,可编辑店铺内已隐藏的系统导航模块!当然了,这只是一个案例,如果看官脑洞大开,会有意外惊喜哦!

废话不多说,进入主题!

三、可靠的两种方法

3.1、方法一:备份模板复原法

优点:简单粗暴,对于码盲来说,上上之选!
缺点:如果之前备份的模板时间太久,此次恢复后会损失一些已装修的内容。

3.1.1、完整步骤

1、首先登陆淘宝后进入自己的店铺后台;
2、点击顶部的“模板管理”;
3、选择最近一次装修,这个是在你玩坏店铺前的一次装修;
4、点击该模板后会弹出一个框,点击应用备份即可;
5、返回原页面即可看到该模块已显示出来了。剩下的就不用教了吧,点击编辑即可。此流程完整配图:恢复已隐藏的淘宝系统导航模块方法二

如果看官想不那么low,可以使用下面这个比较洋气的方法。前提是要会用审查元素功能哦!如果不会使用此功能,请止步!如果想学习如何使用该功能,可前往网站的div + css模块中查看相关基础教学文章。
快捷通道→→轻松学会div+css02必备神器(编辑器+浏览器+手册)

3.2、方法二:审查元素法

优点:只要大神叫一声:“妖孽,还不快快现形”!妖孽无不乖乖现形。
缺点:大神们玩的高科技,码盲就不要掺和了。使用简单粗暴的方法一就行了,这个要求有点高了。

3.2.1、已隐藏的导航长什么样子?

此处仍以隐藏的导航为案例进行演示。隐藏了导航后,我们进入店铺后会看不到导航,配图:淘宝系统导航被代码隐藏后在后台中无法编辑那怎么编辑呢?

3.2.2、完整步骤

1、首先登陆,这个不用教了;
2、点击布局管理,此时我们可以看到我们的导航了,但不要高兴的太早,此页面下不可直接编辑的哦!
3、鼠标放到导航上面,右键--审查元素,此时左下角会有个小弹框;
4、找到data-uri这个属性并复制后面的网址;
5、点击右上角的预览,然后我们替换掉网址,注意看教程图;
6、此时我们可以看到一个可编辑的窗口,点击显示设置后就显示了我们的css
7、删除我们之前写的隐藏代码:.skin-box-bd{display:none}并点击确定;
8、回到后台首页刷新即可看到导航已显示。完整配图:恢复已隐藏的淘宝系统导航模块方法一

3.2.3、模板链接

其实,写了这么多,关键部分还是上面的4、5这两个步骤。下面为了便于小白操作,提供一份模板。

3.2.4、模板代码

  1. https://siteadmin.taobao.com/data-uri

使用说明:只需要将红色 data-uri 替换自己店铺data-uri后面的网址即可!

如果看官想尝试下,可以复制下面的代码把自己店铺的导航隐藏掉哦! (如果觉得自己没能力恢复,请不要复制下面的代码并粘贴到导航中......)

3.2.5、隐藏淘宝系统导航的代码

  1. .skin-box-bd{display:none}

----------完----------

转载声明:
  若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:http://www.yilingsj.com/code/2016-06-03/409.html

若亲不想直保留地址,含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载,随便修改,但请尊重艺灵的劳动成果!谢谢理解。

亲,扫个码支持一下艺灵呗~
如果您觉得本文的内容对您有所帮助,您可以用支付宝打赏下艺灵哦!

Tag: 淘宝店铺装修教程 新版店铺装修教程 编辑模块 隐藏代码 审查元素 模板备份 系统导航

上一篇: 淘宝漏洞篇之关闭详情页侧栏的四种不同方法   下一篇: 淘宝店铺装修教程之利用审查元素功能编辑超权限隐藏模块

评论区