修改代码隐藏阿里巴巴国际站导航栏

阿里巴巴国际站的产品编辑页面有插入导航跳转功能，商家通过设置不同的导航栏，可以让客户点击导航栏快速跳转到对应的模块内容进行浏览。不过系统自己预设的导航栏的显示效果差强人意，而供应商选择设计的独立的导航条图片来作为展示效果的话，容易产生重复显示导航栏效果的问题。我们可以通过修改HTML代码来隐藏阿里巴巴国际站导航栏

如上图，Products Description导航模块文本和图片的导航文字重复，看起来有些影响视觉。那么如何隐藏国际站默认的导航，同时又保持点击跳转的快捷效果呢？思路来源：包装-皮皮爹  感谢提供

隐藏阿里巴巴国际站导航栏：

• 点击源代码按钮，切换到HTML源代码模式
• 按快捷键Ctrl+F，输入要隐藏的导航模块的文本内容，定位到代码如:

<div id="ali-anchor-AliPostDhMb-8r11o" class="mceSectionContainer" style="padding-top: 8px;" data-section="AliPostDhMb-8r11o" data-section-title="Product Description">
<div id="ali-title-AliPostDhMb-8r11o" style="padding: 8px 0; border-bottom: 1px solid #ddd;"><span style="background-color: #ddd; color: #333; font-weight: bold; padding: 8px 10px; line-height: 12px;">Product Description</span></div>

第一段代码DIV是导航模块跳转的控制，和编辑框右侧预先设置的导航模块信息对应，若删除，在详情页则无可点击的跳转导航

第二段代码DIV是导航模块在内页的显示效果，我们这里要修改的也就是第二段，不修改第一段（保持快捷导航的跳转效果）

• 将第二段div的红色部分删除，修改为：style="width:0; height:0; overflow: hidden;" 之后切换回正常编辑模式
• style="width:0; height:0; overflow: hidden;"的作用是将这个div容器的宽度高度设置为0，同时overflow:hidden是溢出该容器范围的内容全部隐藏
• 点击产品预览，就可以看见导航模块在内页消失了，但是依旧有导航栏并且点击可以跳转到对应的模块内容