En este tutorial aprenderás cómo deshabilitar YITH Color, Image & Label Variation Swatches en categorías para que el usuario no pueda seleccionar o comprar desde las categorías sin pasar antes por la página de producto.
YITH Color, Image & Label Variation Swatches
Actualmente, al tener instalado el plugin YITH Color, Image & Label Variation Swatches, los usuarios pueden añadir productos seleccionando color desde los puntos de colores, y pulsando en Agregar al Carrito. Esto permite que un cliente pueda comprar, sin visitar la página del producto. En algunos casos no queremos que esto ocurra y queremos que los clientes vean obligatoriamente la descripción del producto, sus características técnicas, etc. Como el plugin no tiene la opción de deshabilitar esa funcionalidad desde la configuración, lo hemos tenido que hacer con CSS.
Te lo explicamos en el vídeo tutorial:
Y aquí tienes el CSS para deshabilitar YITH Color, Image & Label Variation Swatches en categorías:
/*woofreelance.academy - Desactivamos Yith Color, Image & Label Variation Swatches en categorías*/
.woocommerce .archive li .select_option::after {
display: block;
content: "";
position: absolute;
width:25px;
height:25px;
background: transparent !important;
z-index:1000 !important;
pointer-events: none !important;
margin-top:-25px !important;
cursor: none !important;
}
.woocommerce .products li .select_option,
.archive li .select_option {z-index:100;
pointer-events: none !important;
cursor: none !important;
text-decoration: none;
display: block;}
Cópialo y pégalo en el personalizador de tu plantilla o en la caja de CSS de configuración de tu theme. ¡No olvides borrar caché antes de comprobar su funcionamiento! Y, sobre todo, no olvides suscribirte a nuestro canal de YouTube @woofreelanceacademy
