oxy-related-posts.php

<?php
	$cats = wp_get_post_categories( get_the_id(), array( 'fields' => 'all' ) );
	$catIDs = array();

	if( !is_null( $cats ) && !empty( $cats ) ){     	
      	foreach( $cats as $cat ){
         	array_push( $catIDs, $cat->term_id ); 
        }
    }

	$qryArgs = array(
      	'post_type' => 'post',
      	'order_by' => 'post_date',
      	'order' => 'DESC',
      	'posts_per_page' => 3,
      	'tax_query' => array(
      		array(
            	'taxonomy' => 'category',
              	'field' => 'term_id',
              	'terms' => $catIDs
            ),
        )
    );

	$relatedPosts = new WP_Query( $qryArgs );
	
	if( $relatedPosts->have_posts() ):  	
		echo '<div class="oxy-posts">';

    	while( $relatedPosts->have_posts() ):
			$relatedPosts->the_post();
?>

<div class='oxy-post'>
  
    <a class='oxy-post-image' href='<?php the_permalink(); ?>'>
      <div class='oxy-post-image-fixed-ratio' style='background-image: url(<?php echo get_the_post_thumbnail_url(null,'small'); ?>);'>
      </div>
            
	</a>
  	<div class='oxy-post-meta'>
    	<?php the_category(); ?>
	</div>
  
	<a class='oxy-post-title' href='<?php the_permalink(); ?>'><?php the_title(); ?></a>

</div>

<?php

		endwhile;
		echo '</div>';
	endif;
?>