Deshabilitar los enlaces de productos e imágenes en WooCommerce es una personalización poco común, pero cada tienda tiene sus propias necesidades y particularidades. Aunque la mayoría de las tiendas en línea prefieren mantener estos enlaces activos para que los usuarios puedan acceder fácilmente a las fichas de producto, en algunos casos es útil deshabilitarlos.
¿Por qué deshabilitar los enlaces en las fichas de producto?
Hay situaciones en las que una tienda en línea puede querer mostrar los productos sin permitir que el usuario haga clic en ellos. Esto puede deberse a que la tienda solo quiere presentar una vista general de los productos, como en una galería, sin que se muestren en detalle o sin funcionalidad de compra directa. También puede ser útil en un sitio que esté en mantenimiento o que desee evitar ventas temporales de ciertos productos.
Cómo deshabilitar enlaces de productos en WooCommerce
Para desactivar el enlace del nombre del producto y la imagen en WooCommerce, basta con un pequeño ajuste en CSS. Añadiendo la propiedad pointer-events: none; y cursor: default; a las clases específicas, logramos que tanto el texto como las imágenes pierdan su función de enlace y apariencia interactiva.
CSS para desactivar enlaces de producto:
/*deshabilitar enlace titulo producto*/
.woocommerce-LoopProduct-link, .woocommerce-loop-product__link {
cursor: default;
pointer-events: none;
}
/* deshabilitar enlace imagen de producto*/
.attachment-woocommerce_thumbnail,
.size-woocommerce_thumbnail,
.image-fade_in_back {
pointer-events: none;
cursor: default;
}