Wocommerce: Abrir imagen en el catalogo

[nadiadsz]

Lo que quiero hacer es que en la pagina del catalogo ("shop page") este la posibilidad de abrir la imagen principal en lightbox en vez de redireccionar a la pagina del producto, tipo asi:



Estoy intentando hacer un boton propio (opcion 3) pero el wordpress me dice que hay problemas con los codigos, esto es lo que intente:

Código PHP:

   echo '<i class="fa fa-image" $image = wp_get_attachment_url( $thumbnail_id );></i>'; 
   

Busque en google y estos son los codigos que harian que la imagen se abra pero no se como aplicarlos a mi boton:

Código:

$image = wp_get_attachment_url( $thumbnail_id );

$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), $size);

href='".wp_get_attachment_url( get_post_thumbnail_id($post->ID) )."'

[nadiadsz]

No hay caso, sigue sin funcionar

Código PHP:

   global $product;
            $id = get_the_ID();
            $width = 300;    
        $img = woocommerce_get_product_thumbnail('full');

            echo '<i class='fa fa-image' href='$img'></i>'; 
   

[nadiadsz]

Sino como alternativa seria cambiar la funcion del boton add-to-cart

Código PHP:

  global $product;
 
echo apply_filters( 'woocommerce_loop_add_to_cart_link',
    sprintf( '<a href="%s" rel="nofollow" data-product_id="%s" data-product_sku="%s" data-quantity="%s" class="button %s product_type_%s">%s</a>',
        esc_url( $product->add_to_cart_url() ),
        esc_attr( $product->id ),
        esc_attr( $product->get_sku() ),
        esc_attr( isset( $quantity ) ? $quantity : 1 ),
        $product->is_purchasable() && $product->is_in_stock() ? 'add_to_cart_button' : '',
        esc_attr( $product->product_type ),
        esc_html( $product->add_to_cart_text() )
    ),