前台商详页交互优化,商详页面中不前置展示导航tab,但买家仍可在详描中看到。
普通编辑中的导航无法删除一般是因为: 导航的html结构被破坏。html结构被破坏的原因有多种,比如手动破坏,不小心删除源代码;被第三方工具破坏,复制了内容源结构本来就有问题的代码。
解法
针对html被破坏的情况。解法就是对比正常和异常的导航代码,然后修正。
先来看看正常的导航的组成部分。导航分标题和内容两部分。

对应的代码如下:

再看看被破坏的导航,只需要对比下,把缺失的部分补上去就好了。
1. 第一步,切换到源码模式

2. 搜索导航名称

3. 对比正常的导航,然后补充内容,注意,这个导航缺失了data-section和data-section-title两部分。补上蓝色所指的部分:data-section="AliPostDhMb-kwnpz" data-section-title="Features"
其中data-section是id内容的后半部分,例如文中id="ali-anchor-AliPostDhMb-1ad8h",data-section就是AliPostDhMb-1ad8h data-section-title的内容是导航的标题了。

修复好的效果:


