Нифига что то не получаетя
<div class="clearfix <?php echo esc_attr($atts['grid_class']);?>" style="margin: 0 -<?php echo esc_attr($gird_item_space); ?>">
<?php
$posts = $atts['posts'];
$size = 'wp_yellow_hats_720X560';
while($posts->have_posts()){
$posts->the_post();
$groups = array();
$groups[] = '"all"';
foreach(cmsGetCategoriesByPostID(get_the_ID(),$taxo) as $category){
$groups[] = '"category-'.$category->slug.'"';
}
?>
<div class="cms-grid-item cms-projects-item <?php echo esc_attr($atts['item_class']);?>" data-groups='[<?php echo implode(',', $groups);?>]' style="padding: <?php echo esc_attr($gird_item_space); ?>">
<div class="cms-grid-item-inner cms-projects-item-inner">
<div class="cms-projects-image">
<?php if($layout == 'basic' || $gird_crop_image == 'yes') { ?>
<?php
if(has_post_thumbnail() && !post_password_required() && !is_attachment() && wp_get_attachment_image_src(get_post_thumbnail_id(get_the_ID()), $size, false)):
$class = ' has-thumbnail';
$thumbnail_url = wp_get_attachment_image_src(get_post_thumbnail_id(get_the_ID()), $size, false);
$thumbnail = get_the_post_thumbnail(get_the_ID(),'wp_yellow_hats_720X560');
else:
$class = ' no-image';
$thumbnail_url[0] = get_template_directory_uri(). '/assets/images/no-image.jpg';
$thumbnail = '<img src="'.esc_url(get_template_directory_uri(). '/assets/images/no-image.jpg').'" alt="'.get_the_title().'" />';
endif;
echo '<div class="cms-grid-media media-zoom '.esc_attr($class).'">'.$thumbnail.'</div>';
?>
<?php } else { ?>
<?php
if(has_post_thumbnail() && !post_password_required() && !is_attachment() && wp_get_attachment_image_src(get_post_thumbnail_id(get_the_ID()), 'full', false)):
$class = ' has-thumbnail';
$thumbnail_url = wp_get_attachment_image_src(get_post_thumbnail_id(get_the_ID()), 'full', false);
$thumbnail = get_the_post_thumbnail(get_the_ID(),'full');
else:
$class = ' no-image';
$thumbnail_url[0] = get_template_directory_uri(). '/assets/images/no-image.jpg';
$thumbnail = '<img src="'.esc_url(get_template_directory_uri(). '/assets/images/no-image.jpg').'" alt="'.get_the_title().'" />';
endif;
echo '<div class="cms-grid-media media-zoom '.esc_attr($class).'">'.$thumbnail.'</div>';
?>
<?php } ?>
</div>
<div class="cms-projects-hover">
<div class="cms-projects-category">
<?php echo get_the_term_list( get_the_ID(), 'projects-categories' ); ?>
</div>
<h3 class="cms-projects-title">
<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
</h3>
<div class="cms-projects-readmore">
<a href="<?php the_permalink(); ?>">+</a>
</div>
</div>
</div>
</div>
<?php
}
?>
</div>
вот сам переключатель фиильтра
задал 1й ссылке data-group, переключает как надо
<?php if($atts['filter']=="true" and $atts['layout']=='masonry'):?>
<div class="cms-grid-filter style1">
<ul class="clearfix">
<li><a href="#" class="active" data-group="category-%d0%b4%d0%b8%d0%ba%d0%b8%d0%b9-%d1%81%d1%80%d1%83%d0%b1"><?php echo esc_html_e('Дикий сруб','wp-yellow-hats'); ?></a></li>
<?php foreach($atts['categories'] as $category):?>
<?php $term = get_term( $category, $taxo );?>
<li><a href="#" data-group="<?php echo esc_attr('category-'.$term->slug);?>">
<?php echo esc_html($term->name);?>
</a>
</li>
<?php endforeach;?>
</ul>
</div>
<?php endif;?>
но при загрузке страницы вытаскивает из всех груп
а нужно что бы при загрузке вытягивало только из этой
data-group="category-%d0%b4%d0%b8%d0%ba%d0%b8%d0%b9-%d1%81%d1%80%d1%83%d0%b1"