Utiliza CSS para ocultar los elementos que no quieras que se muestren en tu tienda - Woocommerce
ฝัง
- เผยแพร่เมื่อ 9 ก.พ. 2025
- ¡Amigos! Si les ha costado trabajo ocultar o eliminar alguna sección de su tienda en línea, este tutorial es para ustedes..Hoy les voy a enseñar cómo ocultar imagenes, íconos, texto o cualquier elemento q no quieran que aparezca en su tienda.
CÓDIGO CSS UTILIZADO EN EL TUTORIAL
.product-attribute {
display: none !important;
}
☕️ ¿Te sirvió el video? Apóyame e invítame un café :)
www.buymeacoff...
🥇 Únete a mi curso intensivo de diseño web con Elementor, en 6 horas vas a aprender a diseñar páginas web como un PRO. Déjame un mensaje para más información.
✅ Sígueme o agenda una llamada 1 a 1:
Facebook --- @manumartinez.mkt
Instagram --- @manumartinez.mkt
Excelente video me ayudo mucho , por si a alguien no le funciona al copiar la clase hacia el editor de css de wordpress queda como en el ejemplo 1 que puse abajo , para que funcione deben llenar los espacios en blanco con un punto final (.) como en el ejemplo 2
1- button checkout wc-forward wp-element-button
2- button.checkout.wc-forward.wp-element-button
Comentario "pineado" hasta arriba, gracias Marcos!
gracias marcos! y muy buen video lo que buscaba
@ obrigado
Algo que yo agregaría al tutorial es el siguiente truquillo:
para identificar al elemento a eliminar,
luego de abrir el inspector,
le damos click encima, luego botón derecho,
luego copiar, y luego copiar selector - - listo
Con eso ya tenemos copiado el elemento al que agregaremos
el código.
Saludos
excelente!
ya hace 3 años el video y sigue salvando vidas, muchas gracias
Mil GRACIAS, tenía tiempo buscando una alternativa Fácil y tú manera de explicar lo hace más fáci.l
Excelente, me sirvió a la perfección, y lo que me gusta de este código,
no es que solamente oculta el elemento, es que también lo elimina
por completo .
excelente muchas gracias hermano saludos desde Venezuela
Sr, funciono a la perfección, llevaba un rato mirando por internet y no había manera... al final las cosas mas sencillas son las mas efectivas, si sabes que estas haciendo claro... Gracias de nuevo, un abrazo
Hola Marco, me da gusto haberte podido ayudar
Justo lo que estaba buscando, llevaba horas buscando cómo hacerlo para que mis clientes no se confundieran. Muchas gracias por compartir!
Hoy me ayudaron dos veces tus vídeos y no conocía tu canal, gracias!
Excelente explicación justo lo que necesitaba, ya había perdido un día tratando de buscar en el código fuente los fragmentos de código para ir borrándolos, esto me ayudo a reducir bastante tiempo. Muchas gracias por la explicación.
Bro! que bueno que te pude apoyar. Ese truquito funciona de lujo para E.commerce o páginas web normales.
Perfecto! Me funcionó muy bien. Muchas gracias
Muchisssimas gracias, me estaba voliendo loca :)
2 días que me salvas la vida bro!!!
Gracias!! Este truco es súper útil para ocultar cosas fácil
Genialll ufff casi que no encuentro un video que tuviera lo que necesitaba ¡Graciaaas!
Hola!!! un gusto saber que te pude ayudar ;)
Me pasaba justo lo que comentas. Por suerte tenia solo una semana viendo como quitar las cosas que no deseo pero tu tutorial me facilitó mucho la vida. Muchas gracias!!!!!!
al fin un video que sirve un capo total!! gracias
MIL GRACIAS.. estaba ya desesperado porque no podía cambiar la lista de producto 🙏🏻👌🏽
Estuve días buscando cómo hacer esto... vi el video y lo logré en 2 minutos... ¡Graciasssss!
Solo decir: ¡¡Excelente!!
Gracias (y)
Gracias muy útil este truquito. Saludos desde Bogotá Colombia
Como siempre manu el mejor. Crack
Un GRACIAS gigante por este video! Te seguiré de cerca!
me salvaste, hace dos semanas que estaba buscando la manera!!! Gracias!!! Suscripto!!! Y recomendado
Ese truco saca de bastantes apuros! Abrazo
Muy bueno, me sirvió, muchas gracias
wow.. me ayudaste a quitar varias cosas que no queria que salieran ... super like y me suscribo a tu canal. Mil gracias :)
Hola, excelente bro, si pude... Muchas gracias. Saludos
excelente tutorial me estoy arrancando el cabello desde ayer en la noche hasta ahorita , por desear eliminar free shipping gracias eres genial me subscribo a tu pagina
Hola Damary! que bueno que te pude ayudar, ese truco con CSS te saca de bastantes apuros en tu tienda online.
Buenas, me has ayudado un montón muchas gracias de verdad!!
Hola María! Gracias por tu mensaje. Este truco lo utilizo seguido en e.commerce :)
Excelente aporte!!! Abrazos!!!
gracias, me re sirvio Manu, te dejo un merecido like y este comentario!
excelente explicación te lo agradezco mucho.
Gracias a ti x el comentario 🤜🏿
mil gracias, me ayudaste muchísimo ya me iba a dar por vencida sin poder quitar una clase.
Hola Alexandra! Q bueno que te puede ayudar.. este truco de CSS lo ocupo seguido para ocultar cosas de nuestras tiendas online que requerirían meterle mano al template. Saludos!
Genio, mil gracias... MANU
Muchas gracias, increible ver que se vendan plug-ins para hacer lo mismo.
Demasiado buenos, muchas gracias
excelente video muchisimas gracias, en verdad me ahorraste horas de trabajo!!!
LLEVABA UNA SEMANA BUSCANDO ESTO
GRACIAS
Muchas gracias!!! me ayudaste un montón!! por alguna razón el plugin the chat to order, cuando le marco la casilla que oculte el botón de añadir al carrito, también me ocultaba el botón de whatsapp, gracias a este video pude ocultarlo bien. Muchas gracias :)
Pudiste solucionar que no te oculte el plugin chat to order de WhatssApp? Sigo los pasos de acá pero me lo oculta inmediatamente ambos
@@skygm7 Hola :) mmmm... en mi caso, si le sirve de ayuda, cuando puse inspeccionar, copié solo el del botón de "añadir al carrito" y con el código css del vídeo, solo me oculta un botón, el del carrito.
@@michellesilvacuenca1770Es que mi class aparece así single_add_to_cart_button button alt y no me funciona; mi objetivo es eliminar aquel botón solo en un producto
Muchas gracias, resolviste un tema que ya había hecho que me doliera la cabeza.
Bro! Q Bueno q te pude ayudar. Saludos!!
Muchas gracias bro :) me sirvio para ocultar una parte del multi-step en woocommerce, no hallaba la forma me ayudaste mucho, nuevo suscriptor :D
Fenomenal video muchísimas gracias!!!
Es buenísimo este tip para los que no sabemos CSS. A mi también se me cayo mucho el cabello buscando la forma de borrar cosas especificas jaja. Excelente todo tu contenido Mau,
Saludos
Excelente video!!!
Amigo, de verdad mil gracias!
Gracias, ya logramos mejorar nuestra zona de productos. ;)
Éxito en ese proyecto!
Excelente Tutorial, muchas gracias
Buen video Manu.......
excelente! muchas gracias!
Gracias hermano ya me suscribí
Gracias bro!!🥃
Eres un crack, muchas gracias
Gracias 🙏🙏🙏, me pasé horas y no pude cambiar nada hasta que vi este video.
Me salvaste la vida ❤
gracias hermano, me funciono!
Gracias Manu por el aporte me acaba de resolver
Super, llevaba horas tratando de oculta las variociones del producto!!!
Hace magia ese código, literal puedes ocultar lo que sea. Saludos!
Hola, gracias por tu video, yo quiero hacer a la inversa, si quierp mosrar el precio simplemente booro el css como hisciste con las estrellas?
🥰 gracias pude borrar algo que me estaba dando dolor de cabeza
Ese truco lo utilizo todo el tiempo en las tiendas online.. que bueno que te pude ayudar!
llevo dias buscandolo muchas gracias!!
Q bueno q te sirvió el tutorial :) … creo q ese campo es completamente innecesario.. saludos!
Me reí 😂😂, “hubiera evitado perder tanto cabello” te amé !
gracias me ayudaste muchoo..!!!
Hola Jhon! un gustazo saber q te pude ayudar. Saludos!
Muchísimas gracias , me sirvió bastante
eres un crack 🔥
Excelente, gracias
Buen video... Y si por ejemplo quisieramos eliminar la opcion "CAMBIAR DIRECCION" solamente de un producto y no de todos? se puede hacer o siempre lo elimina por completo de todos los productos?
GRACIAS
Manu, dejo nuevamente mis gracias, encajó perfectamente el tutorial, un saludo... si pudiera daria 2 likes
me funcionó, mil gracias!
exelente video, muchas gracias
Eres un crack!
me sirvio!!! mil likes para ti
Manu llevaba mucho tiempo buscando una opción como esta, sin duda un truco maravilloso. Tengo una duda, en mi caso tengo una tienda de ropa y quiero ocultar las tallas cuando se muestran todos los productos pequeños, asi como lo ralizaste con las estrellas. Sin embargo, necesito que las tallas se vean cuando se ve el producto en grande, para que la gente pueda escogerlo. Habria forma de ocultarlo cuando salen todos los productos en pequeño y que sea visible cuando ven el producto en grande??
Fabuloso, estaba tratando de ocultar el cartel de woocommerce y no habia caso. Tendrás un nuevo sucriptor =)
@Gonzalo Flores - ese código hace maravillas.. literalmente puedes ocultar cualquier sección o texto indeseado.. saludos!
Muchas gracias!!!
gracias 🙂🙂🙂🙂🙂🙂
gracias .. de verdad que he dejado de perder cabello con este truco jejje!
hahaha veo que he salvado más cabello que los productos de belleza. Éxito en tus proyectos!
❤ perfecto
Buen aporte. Gracias
hola excelente tutorial, pregunta como puedo borrar el boton de finalizar compra? puesto deseo solo dejar solo whatsapp order
Me funciono!!! muchas gracias. - como eliminaria un H2 que esta dentro de class="woocommerce-MyAccount-content" ?
En mi caso no encuentro el boton cambiar direccion! osea en CARRITO no permite modificar direccion.... Pero q GRAN tip asi mejor oculto todo y no confundo al cliente. GRACIAS!
genioooooo gracias
Hola Manu, eres muy bueno!!!, me fue muy útil tu video. Te cuento que estoy haciendo un sitio con woocommerce pero quiero eliminar las páginas de producto, es decir, en en la galería de productos se puedan ver todos los productos pero al tocar la imagen o el nombre del producto no suceda nada, es decir, que no ingrese a la página de producto, se puede hacer eso?
Hola yo lo aria con un listing grid personalizado con el plugin "JetEngine" pero si no la alternativa es buscar un plugin que convierta tu tienda en un catalogo de productos únicamente
GRACIAS PROFEEE
Hola manu muy buen video podrías hacer uno de como borrar algo especifico pero de solo un post o pagina y que en las demás si salga.
hola ! me funciono perfeecto porque queria sacar la opcion de envio en el checkout, pero me la quito tambien en el carrito de compras, como lo puedo hacer para que saga el costo de envio sin opcion en el checkout ? gracias
Hola! muchas gracias por el video. Estoy tratando de ocultar atributos dentro de los productos, específicamente los de peso y dimensiones ya que eso solo es relevante para mi para temas de despacho y no para el cliente. He intentado tal como mencionas pero no doy con el código para ocultar esa info específica y no toda la tabla. Me podrías ayudar por favor. Gracias!
Buen tutorial me suscribo! ¿Sabes cómo se modifica el texto en vez de ocultarlo? Saludos!
Mil gracias, buen canal. ya me suscribí. M e puedes decir por favor como edito el texto de un titulo dentro de la pagina de pago. No he encontrado ningún código CSS que me lo permita. Mil gracias
Hola Juan!! para hacer eso que necesitas. Yo compré un plugin buenísimo que se llama Crocoblock... es Elementor en esteroides. Te permite hacer unas tiendas online sumanente personalizadas.
Estimado, y si quiero mover un elemento. O también cambiarle el tamaño?
Gracias papucho!
muchas gracias
eres un crak
Hola Manu ! La sección que deseo eliminar es un
Dios te bendiga.
Me hiciste el día! Saludos
Gracias
Hola, y si quisiera ocultar algo de un elemento incrustado?
por ejemplo un logo, un boton. etc. Se podrá?
Amigo quiero hacer lo que dices, pero la porcion de codigo que esta en la descripcon del video no es la misma que sale señalada dentro del video
.product-attribute {
display: none !important;
}
esa no es la misma que sale en el video asi que me da miedo ejecutarla, hay algo que se te haya escapado en el video que no nos haz didcho?
alomejor no responderas, pero estaria bien que enseñaras como aplicar más tipos de propiedades, como hover, opacidades o cambiar margenes y tamaños, Gracias y saludos
gracias bro
Hola, estoy usando un shortcode de WooCommerce para insertar unas categorías de producto, pero me aparece un botón de "ir a pagar" , intente hacerlo asi como dices, ¿pero no me funciona, igual no sé si se puede hacer eso con un shortcode? Gracias
Está técnica me sirve para borrar la palabra +Free Shipping que sale al lado del precio?
Hola estoy lo he estado buscando días! El único problema es que tengo iPad y no me deja hacer click para cambiar los códigos. Agradecería mucho su ayuda. Saludos desde Chile 🇨🇱