File: /var/www/html/wp-content/themes/thegem-elementor/woocommerce/content-related-product.php
<?php
/**
* The template for displaying product content within loops.
*
* Override this template by copying it to yourtheme/woocommerce/content-product.php
*
* @author WooThemes
* @package WooCommerce/Templates
* @version 2.4.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly
}
global $product, $woocommerce_loop;
// Store loop count we're currently on
if ( empty( $woocommerce_loop['loop'] ) ) {
$woocommerce_loop['loop'] = 0;
}
// Store column count for displaying the grid
if ( empty( $woocommerce_loop['columns'] ) ) {
$woocommerce_loop['columns'] = apply_filters('loop_shop_columns', 4);
}
// Ensure visibility
if ( ! $product || ! $product->is_visible() ) {
return;
}
// Increase loop count
$woocommerce_loop['loop']++;
// Extra post classes
$classes = array('inline-column');
if($woocommerce_loop['columns'] == 2) {
$classes[] = 'col-xs-6';
} elseif($woocommerce_loop['columns'] == 3) {
$classes[] = 'col-sm-4 col-xs-6';
} elseif($woocommerce_loop['columns'] == 4) {
$classes[] = 'col-sm-3 col-xs-6';
} elseif($woocommerce_loop['columns'] == 6) {
$classes[] = 'col-lg-2 col-md-4 col-sm-4 col-xs-4';
} else {
$classes[] = 'col-xs-12';
}
if ( 0 == ( $woocommerce_loop['loop'] - 1 ) % $woocommerce_loop['columns'] || 1 == $woocommerce_loop['columns'] ) {
$classes[] = 'first';
}
if ( 0 == $woocommerce_loop['loop'] % $woocommerce_loop['columns'] ) {
$classes[] = 'last';
}
?>
<div <?php post_class($classes); ?>>
<div class="product-inner centered-box">
<?php do_action('woocommerce_before_shop_loop_item'); ?>
<a href="<?php the_permalink(); ?>" class="product-image">
<div class="product-labels"><?php do_action('woocommerce_shop_loop_item_labels'); ?></div>
<span class="product-image-inner"><?php do_action('woocommerce_shop_loop_item_image'); ?></span>
</a>
<div class="product-info clearfix">
<div class="product-title"><?php the_title(); ?></div>
<?php do_action('woocommerce_after_shop_loop_item_title'); ?>
</div>
</div>
</div>