Cuando utilizamos el widget de minicarrito de Elementor, nos crea un menú lateral con la información de los productos que están en el carrito. Cuando no hemos añadido nada aparece un texto en inglés que dice que nuestro carrito está vacío.
Opción 1: CSS #
La primera manera de ajustar el texto es con CSS, para esto añadimos el siguiente código a nuestro CSS personalizado en Escritorio > Apariencia > Personalizar > CSS adicional.
/* Traducir texto menú carrito vacío */
.woocommerce-mini-cart__empty-message {
font-size: 0px;
}
.woocommerce-mini-cart__empty-message:before {
content: 'No hay productos en el carrito';
font-size: 15px;
}
En el código podemos cambiar el texto traducido y escribir lo que nosotros deseemos. En esta misma ventana de Personalizar, podemos ver si se ha podido cambiar el texto.
Opción 2: PHP #
La segunda manera de hacerlo es utilizando una función de PHP. Para esto añadimos el siguiente código a nuestro Snippet utilizando el plugin Code Snippets (Fragmentos de código), y guardamos los cambios.
function change_translate_text( $translated_text ) {
if ( 'No products in the cart.' === $translated_text ) {
$translated_text = 'No hay productos en el carrito';
}
return $translated_text;
}
add_filter( 'gettext', 'change_translate_text', 20 );
Podemos visitar nuestro sitio para comprobar que se haya traducido el texto.