Changeset 25981 for extensions/Wood/template/mainpage_categories.tpl

Timestamp:

Dec 17, 2013, 4:51:31 PM (10 years ago)

Author:

Miklfe

Message:

 

File:

• extensions/Wood/template/mainpage_categories.tpl (modified) (4 diffs)

extensions/Wood/template/mainpage_categories.tpl

@@ +1 @@
+{define_derivative name='derivative_params' type='xsmall'}
 {html_style}
-
 {if $derivative_params->max_width() > 600}
 .thumbLegend {ldelim}font-size: 130%}
@@ -14 +14 @@
 <div class="thumbContent">
 
-<div id="container" >
+<div id="container">
 
 {foreach from=$category_thumbnails item=cat name=cat_loop}
-        <div class="box photo colMainpage">
-        <li class="{if $smarty.foreach.comment_loop.index is odd}odd{else}even{/if}">
+        <div class="box {if $smarty.foreach.comment_loop.index is odd}odd{else}even{/if}">
                 <div class="thumbnailCategory">
                         <div class="illustration">
@@ -44 +43 @@
                         </div>
                 </div>
-        </li>
         </div>
 {/foreach}
@@ -51 +49 @@
 </div>
 {footer_script require='jquery'}{literal}
-                        window.onload = function() {
-                          var wall1 = new Masonry( document.getElementById('container'), {
-                                gutterWidth: 10,
-                                isFitWidth: true,
-                          });
-                                var wall2 = new Masonry( document.getElementById('containerThumb'), {
-                                gutterWidth: 10,
-                                isFitWidth: true,
-                          });
+  $(function(){
 
-                        };
+    var $container = $('#container');
+  
+    $container.imagesLoaded( function(){
+      $container.masonry({
+        itemSelector : '.box',
+                isFitWidth: true
+      });
+    });
+  
+  });
 {/literal}{/footer_script}
 </div>