dslreports logo
site
 
    All Forums Hot Topics Gallery
spc

spacer




how-to block ads


Search Topic:
uniqs
1660
share rss forum feed

mythology
Premium
join:2002-10-16
Seneca, SC

Magento Vertical Collapsible Layered Navigation Menu

Im trying to replicate the side layered navigation (Under shop by features) on

»www.metaldetector.com/brands/bounty-hunter

Which I know for a fact is on the MagentoGO platform. (gostorego.com request)

Digging around in its source/css I found a script (decorateDataList('narrow-by-list') after the NAV block that led me (Google) to a thread on the Magento Forums detailing how to create the menu for MagentoCE.

»www.magentocommerce.com/boards/v···ead/720/

Does anyone know how metaldetector.com applied this on the MagentoGO platform?

Im completely dumb founded by it. Custom Layout, CMS, Static Blocks and Frontend Apps all seem to scrub any user php entered on the GO platform.

Any help or explanation on how to implement the vertical menu on MagentoGO would be great!

Metaldetector.com is the only GO site I have seen with this functionality so I apologize for the lack of examples.


mythology
Premium
join:2002-10-16
Seneca, SC

1 edit

Ok. After more digging I came across some JS..

// Create layered navigation collapsed tree
if ($('narrow-by-list')) $('narrow-by-list').setStyle({display:'block'});
$$('#narrow-by-list dt').each(function(e) {
var dt=$(e), dd=dt.next();
if (dt.innerHTML=='Category') {
dt.toggleClassName('expanded');
} else if (dt.hasClassName('expanded')) {
dd.show();
} else {
dd.hide();
}
dt.observe('click', function(ev) {
dt.toggleClassName('expanded');
Effect.toggle(dd, 'blind', {duration:.3});
});
});



decorateDataList('narrow-by-list')

Not sure how to paste code here correctly but I added the JS to a custom js file on my site. I called decorateDataList('narrow-by-list') in my header/footer and had no change to the layered navigation.