返回列表 发新帖

[PC店铺] 如何快速的隐藏和显示模板中的模块

[复制链接]

71

主题

71

帖子

287

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
287
发表在  2018-2-8 15:19:08 | 显示全部楼层 | 阅读模式
首先说一下,京东pc店铺装修后台,相对于淘宝店铺装修后台,有个很大的问题,一旦删除了某个模块,从新添加新模块的时候,模块的编辑后台的原有数据都会为空,需要商家自己一个一个去重新输入。这个太不方便太不智能了,但是京东一直没有解决这个问题。
有时候,我们买了模板之后,发现其中有些模块暂时用不到,而以后有可能需要用到,如果我们直接删除那个模块,也是可以以后添加的,但是重新添加的时候,模块中原有的数据都没有了,需要一个一个添加,那不是累人吗?

我们提供下面一个技巧,以京东丝芙兰旗舰店的首页为例,举例说明:


店铺首页前台网址(当然了,也可以在你的装修后台预览页面,方法一样):https://mall.jd.com/index-113908.html
页面中有这样一个模块,我们想暂时隐藏,如下图


首先,打开店铺前台页面或者后台预览页面,然后按F12启动开发者工具,我用的浏览器是360极速浏览器,其他浏览器方法相同。
启动了开发者工具之后如下图:


点一下左上角的


然后去框选所要隐藏的模块的最大区域




在开发者工具区变蓝色的地方我们看到如下



也就是变蓝的地方的外层或自己层的有个以user开头的名字 如上图第一个框的user_fltj01-760229
如果你还不是很确定,那记住它后面有个module-name的属性就行了


好了,有了user_fltj01-760229那就好办了,开始写代码,如下
  1. <style>
  2. .user_fltj01-760229{display:none}
  3. </style>
复制代码


在你装修后台页面的最下面,添加一个自定义内容区,把上面的代码加进去,那所要隐藏的模块就看不到了。
如果更多模块想隐藏呢?和上面方法一样
比方我们找到第二个想隐藏的模块的外层user开头的名字是user_xx1
那隐藏代码就是
  1. <style>
  2. .user_fltj01-760229{display:none}
  3. .user_xx1{display:none}
  4. </style>
复制代码
以后想显示哪一个模块,那就把哪一个模块的隐藏去掉就行了,比方我们想第一个模块显示了,那代码就变成了
  1. <style>
  2. .user_xx1{display:none}
  3. </style>
复制代码

回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表