javascript - 有条件地隐藏 Volusion 中的左侧导航菜单

Question

我目前正在尝试在以下地址建立 Volusion 电子商务商店: http://xlevj.jyetp.servertrust.com

我当前的站点模板使用侧导航菜单，我已将其指定为“信息链接”。

我的问题是这样的。我只想在文章页面(即不是产品或类别页面)上显示“信息链接”菜单。是否有可能以某种方式检测用户当前正在查看的页面类型，然后添加一个简单的显示:无；到 leftNav div？我知道 Volusion 平台有一些可能使它成为可能的 qwerks，我只是找不到任何文档。

应显示左侧导航栏的文章页面示例: http://xlevj.jyetp.servertrust.com/help.asp

不应显示的产品页面和类别页面示例: http://xlevj.jyetp.servertrust.com/Guitar-s/1820.htm

http://xlevj.jyetp.servertrust.com/Asheville-Ag505-Acoustic-Guitar-Natural-Finish-p/5697.htm

Answer 1

您可以在 Volusion 上通过几种不同的方式完成此操作。关键是产品页面和类别页面都有独特的元素。一个简单的方法是根据 URL 检测页面类型。

Volusion 产品页面 URL 都包含“-p/”(或者“_p/”)Volusion 类别页面 URL 都包含“-s/”(或者“_s/”)

所以，你可以这样做:

$(document).ready(function(){         
     var pathname = window.location.pathname;
     if(pathname.indexOf('-p/') > -1){
        $('body').addClass('product-page');
     }     
});

然后只需添加适当的 CSS 并为左侧导航栏添加 display:none。