WooCommerce : Producto codigo personalizado para mostrar vista rapida

En WooCommerce para tener una vista rápida del producto sin visitarlo , devemos agregar el siguiente codigo en nuestro archivo functions.php.

woocommerce_after_shop_loop_item es un Hooks de WooCommerce 

add_action( 'woocommerce_after_shop_loop_item', 'mitema_quickview_link', 11 );
   function mitema_quickview_link(){
   echo "<span class='quick_view-btn-area'>
        <a href='".get_permalink()."'> Vista Previa </a>
    </span>";
}

Resultado:

Solo faltaria agregar codigo css y javascript para optimizar nuestra vista previa personalizada.

Podemos guiarnos del codigo del plugin WPB Product Quick View Popup for WooCommerce , una vez instalado en nuestro wordpress analizaremos su codigo php. 

Vea tambien

WooCommerce : Pagina de archivo que es la misma pagina para Tienda, Categoria y Etiqueta

Referencia

https://www.businessbloomer.com/woocommerce-visual-hook-guide-archiveshopcat-page/