Isotope theme for module Sydes.Album

isotope.php

<?php
$this->response->script[] = 'https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.1/isotope.pkgd.min.js';
?>

<div id="filters" class="button-group">
	<button class="button is-checked" data-filter="*">Все</button>
<?php foreach ($result['tags'] as $tag){ ?>
	<button class="button" data-filter=".<?=convertToAscii($tag);?>"><?=$tag;?></button>
<?php } ?>
</div>


<div class="grid">
<?php foreach ($result['pictures'] as $item){
	$class = "";
	foreach ($item['tags'] as $tag) {
		$class .= ' '.convertToAscii($tag);
	}
	?><a href="<?=$item['file'];?>" rel="lightbox[<?=$result['data']['id'];?>]" title="<?=$item['caption'];?>" class="grid-item<?=$class;?>">
		<img src="/cache/img/200_200_c<?=$item['file'];?>" alt="<?=$item['title'];?>">
	</a><?php } ?>
</div>

<script>
$(window).load(function(){
	var grid = $('.grid').isotope({
		itemSelector: '.grid-item',
		layoutMode: 'fitRows'
	});
	$('#filters').on( 'click', 'button', function() {
		var filterValue = $(this).attr('data-filter');
		grid.isotope({ filter: filterValue });
	});
})
</script>