<?php
/**
 * The template for displaying product content within loops
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/content-product.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see     https://docs.woocommerce.com/document/template-structure/
 * @author  WooThemes
 * @package WooCommerce/Templates
 * @version 3.0.0
 */

if ( ! defined( 'ABSPATH' ) ) {
    exit; // Exit if accessed directly
}


global $product, $woocommerce_loop, $qode_options;

// 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 ( empty( $product ) || ! $product->is_visible() ) {
    return;
}

// Increase loop count
$woocommerce_loop['loop']++;

// Extra post classes
$classes = array();
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';

if(isset($qode_options['woo_product_border']) && $qode_options['woo_product_border'] !== '') {
    $classes[] = 'product_with_borders';
}

if(isset($qode_options['woo_product_text_align']) && $qode_options['woo_product_text_align'] !== '') {
    $classes[] = 'text_align_'.$qode_options['woo_product_text_align'];
}
?>
<li <?php post_class( $classes ); ?>>

    <?php do_action( 'woocommerce_before_shop_loop_item' ); ?>
        <div class="top-product-section">

            <a class="product_list_thumb_link" href="<?php the_permalink(); ?>">
                <span class="image-wrapper">
                <?php
                    /**
                     * woocommerce_before_shop_loop_item_title hook
                     *
                     * @hooked woocommerce_show_product_loop_sale_flash - 10
                     * @hooked woocommerce_template_loop_product_thumbnail - 10
                     */
                    do_action( 'woocommerce_before_shop_loop_item_title' );

                    /**
                     * woocommerce_shop_loop_item_title hook.
                     *
                     * @hooked woocommerce_template_loop_product_title - 10
                     */
                    do_action( 'woocommerce_shop_loop_item_title' );
                ?>
                </span>
            </a>

            <?php do_action('qode_woocommerce_after_product_image'); ?>

        </div>

        <a href="<?php the_permalink(); ?>" class="product-category">
            <h6><?php the_title(); ?></h6>

            <?php if(isset($qode_options['woo_separator_after_title']) && $qode_options['woo_separator_after_title'] == 'yes') { ?>
                <div class="product_list_separator separator small"></div>
            <?php } ?>

            <?php
            /**
                 * woocommerce_after_shop_loop_item_title hook.
                 *
                 * @hooked woocommerce_template_loop_rating - 5
                 * @hooked woocommerce_template_loop_price - 10
                 */
                do_action( 'woocommerce_after_shop_loop_item_title' );
            ?>
        </a>
        <?php
            /**
         * woocommerce_after_shop_loop_item hook.
         *
         * @hooked woocommerce_template_loop_product_link_close - 5
         * @hooked woocommerce_template_loop_add_to_cart - 10
         */
        ?>
        <?php do_action( 'woocommerce_after_shop_loop_item' ); ?>

</li>