Making Product Images Link Out To External / Affiliate Site

Paste your code/changes on gist.github.com and we’ll tell you where you went wrong.

Thanks for the reply Mike.

Honestly? I’m not a coder, so I have just been cutting and pasting different things from various other forum posts trying to get it to work!

echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<a rel="nofollow" href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s" data-rel="prettyPhoto' . $gallery . '">%s</a>', $image_link, $image_caption, $image ), $post->ID );

I’ve tried changing that part of /wp-content/plugins/woocommerce/templates/single-product/product-image.php to make the href for the image be the external/affiliate link.

I made a post on github anyway, not sure if it will help or not.

https://gist.github.com/anonymous/34ee8d5db8895b026d52

Thanks again!

After hours of messing around finally managed to work out how to do it.

I changed

$image_link = wp_get_attachment_url( get_post_thumbnail_id() );

to

$image_link = esc_url( $product->get_product_url() );

Seems to work.

Thanks for nothing.

Woah no need for that. This forum is community/voluntary based :s Would have helped eventually. Sorry I was too slow for your expectations..

Hi there…
I tried it the same way but it didnt work out for me, when I click on the picture it still redirect me to the product instead to the external link( a category) which i set.

Link: https://s587122925.online.de/

`I have write this code in my index.php but product image and price dose not showing

please help me

<div class=”product-carousel”>
<?php
global $post;
$args = array( ‘posts_per_page’ => 5, ‘post_type’=> ‘product’);
$myposts = get_posts( $args );
foreach( $myposts as $post ) : setup_postdata($post); ?>
<div class=”single-product”>
<div class=”product-f-image”>
<img src=”<?php the_post_thumbnail(‘product-thumb-2’); ?>”>
<div class=”product-hover”>
<a href=”<?php the_permalink(); ?>” class=”add-to-cart-link”>
<i class=”fa fa-shopping-cart”></i> Add to cart</a>
<a href=”<?php the_permalink(); ?>” class=”view-details-link”>
<i class=”fa fa-link”></i> See details</a>
</div>
</div>
<h2><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></h2>
<div class=”product-carousel-price”>
<ins><?php echo $price_html; ?></ins>
</div>
</div>
<?php endforeach; ?>
</div>

mnhuda8? isnt that something complete different ?

Is this solved?
I would like to get this working too, and wonder why this isn’t an option in the plugin (opening the image in a lightbox is, so…)

Any help on what code to put where to have a click on a product image lead the clicker to the corresponding external site rather than opening the image itself?

Here’s how I fixed it in Woocommerce version 2.5.2

1. Disable the lightbox, you’ll find this option in Woocommerce -> Settings -> Products Tab -> Display Link -> Very bottom checkbox

2. Edit the product-image.php in \plugins\woocommerce\templates\single-product

Change the line:
$image_link = wp_get_attachment_url( get_post_thumbnail_id() );
to
$image_link = esc_url( $product->get_product_url() );

Save and enjoy.

Is there anyway to upload products on WP IN WOOCOMMERCE or othershopping cart who will handle external image url as product image like shopify……. I do not know coading or web development but want to upload bulk product with image url

Hi,

The line change works for me.
When visitors click on the image they go to an external link.
Is it possible to open the link in a new window?

Hi,

it seems that in WC 2.6 the method described above doesn’t work, the product-image.php code has change, any suggestion to get it work?
Regards

Is there anyway to to this but with the product category images generated by the Product Category shortcode instead of single-product.php?

Best regards

Hy Try This for woocommerce 2.6.xxx.

https://gist.github.com/mikejolley/b5c8e0b0dce07f615ccfb400604cfa87

Thanks to Mike Joley

Hey, thank you. It works! Thanks to Mike Jolley.