dslreports logo
 
    All Forums Hot Topics Gallery
spc
Search similar:


uniqs
2747

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

mythology

Premium Member

Magento Vertical Collapsible Layered Navigation Menu

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

»www.metaldetector.com/br ··· y-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/ ··· 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

1 edit

mythology

Premium Member

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.