Ocultar el aviso «El carrito está vacío» en la página del carrito de WooCommerce

¡Muy buenas!

Hoy vamos a ver otro pequeño snippet que puede sernos útil en algunas situaciones o circunstacias.

Como es habitual, primero nos ponemos en situación.

Por defecto y por regla general, cuando un cliente accede a la página del carrito o ya está en ella y elimina todos los productos del carrito, se muestra un mensaje de aviso que indica que el carrito está vacío.

Ocultar el mensaje "el carrito está vacío" en WooCommerce

Bien, por algún motivo puede que necesitemos quitar ese aviso para que no lo vean los clientes. Para eso podemos usar el siguiente snippet:

Una vez añadido este código al final del fichero funcions.php de nuestro tema activo, ya no se mostrará.

El video

Espero que este snippet os sea de utilidad.

Saludos y mucho ánimo!

WooCommerce Shortcodes: Mensajes de la tienda [shop_messages]

[shop_messages]

Este shortcode nos permite mostrar los mensaje o notificaciones de la tienda en cualquier página o post que no sea de WooCommerce.

Cuando hablamos de notificaciones de la tienda nos referimos a mensajes del tipo «El producto se ha añadido al carrito» y mensajes por el estilo.

Este shortcode puede ser interesante cuando estamos usando otros shorcodes para mostrar la tienda o alguna funcionalidad de la misma fuera de las páginas habituales de WooCommerce.

Como todos los shortcodes, los podemos poner en cuanquier página o post de nuestra web para mostrar el carrito donde queramos.

Para usarlo, como todos los shortcodes, debemos añadir un bloque de «shortcode» en en editor de bloques de wordpress y añadir el shortcode: [shop_messages].

Cómo crear avisos personalizados en WooCommerce

Los avisos de WooCommerce son notificaciones que se muestran en diferentes sitios y/o circunstancias.

Un ejemplo claro es cuando cambiamos la cantidad de productos en el carrito o eliminamos algún producto y pulsamos sobre el botón «Actualizar Carrito».

Esta acción, además de actualizar el carrito, genera un aviso por parte de WooCommerce donde nos notifica que el carrito se ha actualizado como podemos ver en la siguiente imagen:

WooCommerce - Crear avisos personalizados

Bien, ahora que ya sabemos lo que son los avisos de WooCommerce, vamos a ver cual es el método para añadirlos con código para poder crear nuestros propios avisos y ajustarlos a nuestras necesidades.

wc_add_notice( $message, $notice_type)

Ésta es la función que usaremos para mostrar los avisos de WooCommerce.

Como vemos, tiene dos parametros:

  • $message es el contenido del aviso. El texto queremos mostrar o lo que queremos mostrar en ell aviso.
  • $notice_type es el tipo de aviso y las opciones son:
    • error
    • notice
    • success

Estos son los tres tipos de aviso:

WooCommerce - Crear avisos personalizados

El aspecto de los mismos depende del tema que estemos utilizando e incluso podríamos modificarlos nuestras necesidades.

Ahora vamos a poner un par de ejemplos para que nos temine de quedar claro.

Ejemplo 1:

En este primer ejemplo lo que hacemos es simplemente usar la función wp_add_notice() para que nos muestre las tres opciones de aviso disponible:

wp_add_notice( 'Este es un aviso de tipo error', 'error' );
wp_add_notice( 'Este es un aviso de tipo success', 'success' );
wp_add_notice( 'Este es un aviso de tipo notice', 'notice );

Sin más, para que veamos cómo se crean o implementan los tres tipos de aviso en WooComerce.


Ejemplo 2:

Ahora vamos a realizar un ejemplo un poco más complejo aunque no mucho.

Se trata de volver a darle una vuelta al ejemplo de añadir un producto de regalo.

En este caso lo que queremos es que si un cliente tiene en el carrito 2 productos, le mostramos un aviso para que sepa que si añade un producto más, tendrá el «Producto Regalo» gratis.

Otra cosa que tenemos en cuenta es que si el cliente tiene 3 productos y por lo tanto tiene el producto regalo añadido, si quita algún producto o cantidad, le quitamos automaticamente el producto regalo y mostramos un aviso de que ha perdido el «Producto Regalo».

Debemos de tener en cuenta que en este ejemplo estamos contando la cantidad de productos en total, no por separado. Es decir, que nos da lo mismo que esté comprando 3 productos diferentes que 3 unidades de un mismo producto, ok?

Aquí teneís el código:

Probadlo y me decís si os parece interesante o si os ha servido y cualquier duda me comentáis en un comentario, ok?

Saludos y ánimo!

No mostrar los mensajes de aviso de WooCommerce al actualizar el carrito

En la página del carrito disponemos, o más bien nuestros clientes disponen de un botón para actuzalizar los datos y contenido del carrito para que se refresquen y actualicen cada vez que se haga un cambio en el mismo.

Pongamos que tenemos el siguiente carrito:

WooCommerce - Ocultar mensajes al actualizar el carrito

Como vemos, sólo tenemos un producto y 13 como tantidad seleccionada.

Pues bien, si cambiamos algo en el carrito como por ejemplo la cantidad, pongamos a 15 unidades y pulsamos el botón «Actualizar Carrito«, se actualizará y mostrará un aviso de «Carrito actualizado», como podemos ver en la siguiente imagen:

WooCommerce - Ocultar mensajes al actualizar el carrito

Ahora bien, si no queremos que cada vez que se actualice el carrito, muestre este aviso, podemos usar el siguiente snippet de código:

De esta forma evitamos que se muestren estos avisos.

Espero que os sea de utilidad.

Podéis dejar vuestras observaciones en los comentarios.

Saludos y ánimo!!

Ir al contenido