Magento Forum

   
jQuery Isotope Integration
 
neofelis
Jr. Member
 
Avatar
Total Posts:  23
Joined:  2009-05-24
Timmendorfer Strand
 

I have following problem:

I try to integrate the jQuery Plugin Isotope but i need the value ids from the layered navigation attributes.

Here my code:

<?php 
        $product 
Mage::getModel('catalog/product')->load($_product->getId());
        
$attributes $product->getAttributes();
        
$attributesList NULL;
     foreach (
$attributes as $attribute{
        
if ($attribute->getIsVisibleOnFront()) {
        $attributesList 
.= 'filter-'.(string)$attribute->getFrontend()->getValue($product).' ';
         
}
 }
        ?>
        
        
<div class="products-grid">
        
<?php endif ?>
            
<div class="item<?php if(($i-1)%$_columnCount==0): ?> first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?> isotope-element isotope-item <?php echo $attributesList?>">

My work you see here:
http://www.lifestylestore24.de/wohnen/gartenfiguren.html?limit=all#

However, it must be following:

On the horizontal layered navigation pulldown you see the ids with prefix filter-3 which are correct but in the product list (list.phtml) it must be have per each product the same ids.

Then we need a filter, that is shows only filterable attribute ids.

 
Magento Community Magento Community
Magento Community
Magento Community
 
benjjj6
Jr. Member
 
Total Posts:  4
Joined:  2011-07-07
 

Hi
Did you find your answer to this question? It would really help me if you could help me understand how you solved this.

Many thanks,
Ben

 
Magento Community Magento Community
Magento Community
Magento Community
 
CodepoolLtd
Jr. Member
 
Avatar
Total Posts:  2
Joined:  2012-12-15
Manchester
 

Download our isotope/magento integration. It will save you a lot of time!

http://www.magentocommerce.com/magento-connect/catalog/product/view/id/15643/

 
Magento Community Magento Community
Magento Community
Magento Community
 
yashpalaegis
Jr. Member
 
Total Posts:  3
Joined:  2013-01-01
 

I believe this is because isotope wants to use it’s append method. It seems like a modification or extension of the jquery.Basically need to wait for angular to finish updating the dom and then apply the isotope plugin to the container.

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
    Back to top