Avisos
Vaciar todo
Hola,
He buscado y encontrado un código que me elimina el efecto lupa de las imágenes de productos de woocommerce, pero me interesaba que solo se eliminara de los móviles, ¿se puede hacer?
function remove_image_zoom_support() {
remove_theme_support( 'wc-product-gallery-zoom' );
}
add_action( 'wp', 'remove_image_zoom_support', 100 );
Gracias
Contenido solo visible a usuarios registrados
Respondido : 05/10/2024 7:06 pm
Que tal Carlos,
Al efecto lupa actualmente en tu web te refieres al lightbox en las imagenes de la galeria del producto?
Si este es el caso puedes probar por medio de estilos CSS haciendo que las imagen principal de la galeria no tena accion cuando se le hace clic, por ejemplo
.woocommerce-product-gallery .flex-viewport{
pointer-events: none;
}
Y si quieres que solo funcione en mobile con agregar un media queries debe de bastar
@media(max-width:768px){
.woocommerce-product-gallery .flex-viewport{
pointer-events: none;
}
}
Recuerda que puedes agregar los estilos CSS personalizados si tienes algun apartado dedicado o desde las opciones de WP de Apariencia -> Personalizar -> CSS agregado
Saludos!
Respondido : 05/10/2024 10:06 pm
