Modificar la linea de título del carrito en Woocommerce

carritos alineados

Woocommerce es ideal para construir nuestra tienda usando WordPress como base.

Pero hay ciertos aspectos que estaría bien que se pudieran pulir. Por ejemplo cómo cambiar o aplicar estilos a las lineas de los productos del carrito.

Para ello los títulos de los productos, cuando aparecen en el widget del carrito tendrían que tener etiquetas o clases para poder formatearlo como quisiéramos.

Por ejemplo, según el producto, no hace falta ver el título. Sobre todo si es un libro.

Si quisiéramos construir una tienda de una editorial con woocommerce, podríamos hacer que el carrito no mostrara los títulos. Tal como vemos en esta imagen:


listado titulos woocommerce

Pero nos encontramos que no podemos asignar el css display: none porque el título del libro no tiene un selector.

Para ello, como siempre, podemos añadir, en nuestro archivo functions.php el siguiente código:


//añade estilo al elemento del carrito
add_filter('woocommerce_cart_item_name', 'david_quita_nombre');
function david_quita_nombre( $cart_item ){
	return '<p class="linea-carrito"><span class="titulo_carrito">' . $cart_item . '</span></p>';
}

Con ello conseguimos que los títulos del carrito tengan un selector con el que podemos aplicar en nuestro archivo styles.css:

p.linea-carrito {
	display: none !important;
}

Otra opción también es que podemos editar el mini-cart.php que viene con el plugin y guardarlo en nuestrotema/woocommerce/cart/mini-cart.php pero es un poco más complicado.

Deja un comentario