Cacher is the code snippet organizer for pro developers

<?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.woothemes.com/document/template-structure/
 * @author  WooThemes
 * @package WooCommerce/Templates
 * @version 2.6.1
 */

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

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

// Extra post classes
$classes = array();

$mobile_columns = oxy_get_option('woocommerce_shop_page_mobile_columns');
$tablet_columns = oxy_get_option('woocommerce_shop_page_tablet_columns');

$columns    = 12 / $woocommerce_loop['columns'];
$columns    = str_replace('.', '-', $columns);
$classes[]  = 'col-md-' . $columns;

$tablet_columns = 12 / $tablet_columns;
$tablet_columns = str_replace('.', '-', $tablet_columns);
$classes[]      = 'col-sm-' . $tablet_columns;
$mobile_columns = 12 / $mobile_columns;
$mobile_columns = str_replace('.', '-', $mobile_columns);
$classes[]      = 'col-xs-' . $mobile_columns;
$value = get_field("custom_url") ;
?>
<!--   /woocommerce/content-product.php  -->
<li <?php post_class( $classes ); ?>>

	<?php do_action( 'woocommerce_before_shop_loop_item' ); ?>
	<!--   after  woocommerce_before_shop_loop_item  -->
	<?php
		/**
		 * woocommerce_before_shop_loop_item_title hook
		 *
		 * @hooked woocommerce_show_product_loop_sale_flash - 10
		 * @hooked woocommerce_template_loop_product_thumbnail - 10
		 */
	?>
	<!-- here we are wrapping the thumbnail image in the index page of products so 
	that it overrides the default one, cant find where the html code for this hook -->
	<a href="<?php if ($value) { echo $value ; } else { the_permalink(); } ?>">
		<?php	do_action( 'woocommerce_before_shop_loop_item_title' );  ?>
	</a>

    <div class="product-info">
    	<h3 class="product-title">
            <a href="<?php if ($value) { echo $value ; } else { the_permalink(); } ?>">
                <?php the_title(); ?>
            </a>
        </h3>

        <!--  item title  -->
	<?php
		/**
		 * woocommerce_after_shop_loop_item_title hook
		 *
		 * @hooked woocommerce_template_loop_price - 10
		 */
		do_action( 'woocommerce_after_shop_loop_item_title' );
	?>
    </div>

	<?php

        /**
         * woocommerce_after_shop_loop_item hook
         *
         * @hooked woocommerce_template_loop_add_to_cart - 10
         */
        do_action( 'woocommerce_after_shop_loop_item' );

    ?>

</li>