Codigo Woocommerce Lightbox

[rcha28]

Buenas comunidad espero su ayuda. Pongo en contexto he desarrollado un codigo que quita el apartado de tienda de woocommerce y hace que las imagenes de la galeria carguen en la misma pagina de la "tienda", todo para que funcione a forma de catalogo, ese codigo funciona genial. Sim embargo ahora quiero integrar un lightbox, para que cuando se le de click al "producto" se puede visualizar la imagen en grande. Ojo esto no es para la pagina del producto. Si alguien tiene experiencia o sabe de un plugin que pueda realizar dicha funcion se lo agradezco gracias.

 

Cobro recurrente MercadoPago

V

alojamiento para web con php 7,4

[Cosmin Vladut]

Puedes utilizar un plugin que lo que hace es ver la información rápida del producto, como YITH WooCommerce Quick View, o si quieres que solamente se vea la imagen de producto en grande puedes hacerlo mediante codigo. Al no tener el que tienes metido tu en la web te dejo un ejemplo:

AGREGANDO FANCYBOX DESDE EL CDN Y CN PHP

function agregar_lightbox_en_archivo_woocommerce() {
    wp_enqueue_style('fancybox-css', 'https://cdnjs.cloudflare.com/ajax/libs/fancybox/4.0.0/jquery.fancybox.min.css', array(), null);
    wp_enqueue_script('fancybox-js', 'https://cdnjs.cloudflare.com/ajax/libs/fancybox/4.0.0/jquery.fancybox.min.js', array('jquery'), null, true);

    
    wp_add_inline_script('fancybox-js', '
        jQuery(document).ready(function($) {
            $(".products .product img").each(function() {
                var link = $(this).closest("a").attr("href");
                $(this).wrap("<a href=\'" + link + "\' data-fancybox=\'gallery\'></a>");
            });

            // Inicializar FancyBox
            $("[data-fancybox]").fancybox();
        });
    ');
}
add_action('wp_enqueue_scripts', 'agregar_lightbox_en_archivo_woocommerce');

Repito no tengo el codigo que tienes puesto tu, prueba con este.