0

En una pagina web con Woocommerce estoy tratando de ocultar la palabra ITEMS. Estoy utilizando el widget de CART. La primera opción que se me ocurro era utilizar el estilo CSS

display:none

Pero al hacerlo también se desaparece la cantidad de productos. Existe alguna linea de codigo o endonde puedo modificar este Widget introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

1
  • 1
    ¿Podrías inspeccionar el elemento y añadir a tu pregunta cómo es que está formado el HTML de esa parte? el 7 mar. 2019 a las 17:44

1 respuesta 1

0

puedes hacerlo con javascript:

// seleccionamos el elemento "a" que tenga un hijo directo "i" con class "wpmenucart-icon-shopping-cart-0"
   // seleccionamos a su hermano "span" con class "cartcontents"
let span  = document.querySelector("a > i[class='wpmenucart-icon-shopping-cart-0'] ~ span[class='cartcontents']");
   // obtenemos su texto y hacemos un split en base al espacio
   // obtenemos la posicion "0" que es el numero 
   // y se lo asignamos a la span ya formatedeado
span.innerText = span.innerText.split(" ")[0];
 <a href="">
   <i class="wpmenucart-icon-shopping-cart-0"></i>
    <span class="cartcontents"> 2 items</span>
    </a>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.