有条理地隐藏Volusion中的左手导航菜单

时间:2014-01-22 14:20:34

标签: javascript jquery css volusion

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

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

我的问题是这个。我只想在文章页面上显示“信息链接”菜单(即非产品或类别页面)。是否有可能以某种方式检测用户当前正在查看的页面类型,然后添加一个简单的显示:none;到左边的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

1 个答案:

答案 0 :(得分:1)

你可以通过几种不同的方式在Volusion上实现这一点。关键是产品页面和类别页面都有独特的元素。一种简单的方法是根据URL检测页面类型。

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

所以,你可以这样做:

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

然后只需添加适当的CSS,并在左侧导航中显示:none。