title: Changing WooCommerce Thumbnail in Shortcodes
body: <p>I'm building a small photography site and looking to protect the images the best I can.</p>
  
  <blockquote>
    <p>(I know, I know - you can't protect the images once they're on the
    internet)</p>
  </blockquote>
  
  <p>So - to do this, instead of using an annoying <em>disable-right-click-using-javascript</em> method, I'm loading the watermarked thumbnail images using base64 to obfuscate the filepath.</p>
  
  <p><strong>Code I'm using, if anyone's interested. Feel free to suggest improvements/criticise:</strong></p>
  
  <pre><code>$image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'shop_catalog' ); ?&gt;
  &lt;img src="data:image/gif;base64,&lt;?php echo base64_encode(file_get_contents($image[0])); ?&gt;"&gt;
  </code></pre>
  
  <p>This works great on <code>content-single-product.php</code>, but does anyone know what code is loading the images in the <code>[best_selling_products]</code> and <code>[recent_products]</code> shortcodes? I'm in <code>class-wc-shortcodes.php</code>, but the query doesn't seem to be loading the images from here...</p>
  
  <p><strong>So why don't I just load small thumbnail images?</strong>
  Good question. Because we're planning to sell photos through the site, the high-res image <em>has</em> to be loaded as the featured image (to be sent though to the printing API) - and anyone with half a brain can look at the thumbnail url and get the full high-res image url.</p>
  
  <p>Any suggestions on how to achieve this, or am I just best off scrapping the shortcodes and building my own query?</p>