сделал так, работает. Возможно кому пригодиться:
<script>
$('#top_img_{{ product.product_id }}').hover(function() {
my_func_{{ product.product_id }}();
});
$('#top_img_{{ product.product_id }}').click(function() {
my_func_{{ product.product_id }}();
});
function my_func_{{ product.product_id }}() {
$('#gl_img_{{ product.product_id }}').html('<img src="{{ product.thumb }}" alt="{{ product.name }}" class="img-responsive" id="top_img_{{ product.product_id }}" />');
}
</script>