有條件隱藏左側導航菜單中Volusion

我目前正在試圖建立一個Volusion電子商務商店，地址如下： http://xlevj.jyetp.servertrust.com 有條件隱藏左側導航菜單中Volusion

我目前的網站模板利用側導航菜單中，我已經用「Info Link」指定。

我的問題是這樣的。我只想在文章頁面上顯示「信息鏈接」菜單（即不是產品或類別頁面）。是否有可能以某種方式檢測用戶當前正在查看的頁面類型，然後添加一個簡單的顯示：無;到左邊的NAV div？我知道Volusion平臺有幾個可能使它成爲可能的問題，我只是找不到任何文檔。文章頁面的

的例子，應該顯示左側導航：產品頁面和分類頁面的 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

來源

2014-01-22 Alex Ritter

如果你有不同的模板，如「產品模板」，「文本模板」 - 那麼你可以給''標籤添加一個唯一的標識符，例如一個類，那麼你可以隱藏導航基於此。 –

是的，我喜歡有條件地向body元素添加標籤的想法。這會讓它變得非常簡單！不幸的是，虛擬平臺只在整個網站中使用一個模板。我已經看到了以這種方式使用一個簡單的id標籤的主頁，我希望有人知道是否可以用相同的方式定位產品頁面。正如你所看到的，網站主頁沒有左邊的菜單！ –

你可以在Volusion上完成這個幾個不同的方法。關鍵是產品和類別頁面都有獨特的元素。一個簡單的方法是根據URL檢測頁面的類型。

Volusion商品頁面網址都含有「-p /」（或者「_p /」） Volusion類網頁網址包含「-s /」（或者「_s /」）

所以，你可能會做這樣的事情：

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

然後，只需添加適當的CSS與顯示：左導航無。

來源

2014-03-29 00:04:14 developerscott

有條件隱藏左側導航菜單中Volusion

回答

相關問題