Utiliza CSS para ocultar los elementos que no quieras que se muestren en tu tienda - Woocommerce
ฝัง
- เผยแพร่เมื่อ 23 ก.ย. 2024
- ¡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!
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 .
Justo lo que estaba buscando, llevaba horas buscando cómo hacerlo para que mis clientes no se confundieran. Muchas gracias por compartir!
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
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.
Estuve días buscando cómo hacer esto... vi el video y lo logré en 2 minutos... ¡Graciasssss!
MIL GRACIAS.. estaba ya desesperado porque no podía cambiar la lista de producto 🙏🏻👌🏽
Hoy me ayudaron dos veces tus vídeos y no conocía tu canal, gracias!
Solo decir: ¡¡Excelente!!
Gracias (y)
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!!!!!!
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.
Muchas gracias bro :) me sirvio para ocultar una parte del multi-step en woocommerce, no hallaba la forma me ayudaste mucho, nuevo suscriptor :D
Muchisssimas gracias, me estaba voliendo loca :)
Genialll ufff casi que no encuentro un video que tuviera lo que necesitaba ¡Graciaaas!
Hola!!! un gusto saber que te pude ayudar ;)
2 días que me salvas la vida bro!!!
Gracias!! Este truco es súper útil para ocultar cosas fácil
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
me salvaste, hace dos semanas que estaba buscando la manera!!! Gracias!!! Suscripto!!! Y recomendado
Ese truco saca de bastantes apuros! Abrazo
Un GRACIAS gigante por este video! Te seguiré de cerca!
Muchas gracias, increible ver que se vendan plug-ins para hacer lo mismo.
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
excelente explicación te lo agradezco mucho.
Gracias a ti x el comentario 🤜🏿
Gracias muy útil este truquito. Saludos desde Bogotá Colombia
Muy bueno, me sirvió, muchas gracias
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 :)
wow.. me ayudaste a quitar varias cosas que no queria que salieran ... super like y me suscribo a tu canal. Mil gracias :)
al fin un video que sirve un capo total!! gracias
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??
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
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!
excelente video muchisimas gracias, en verdad me ahorraste horas de trabajo!!!
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?
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!
Muchas gracias, resolviste un tema que ya había hecho que me doliera la cabeza.
Bro! Q Bueno q te pude ayudar. Saludos!!
LLEVABA UNA SEMANA BUSCANDO ESTO
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!
Gracias 🙏🙏🙏, me pasé horas y no pude cambiar nada hasta que vi este video.
Manu, dejo nuevamente mis gracias, encajó perfectamente el tutorial, un saludo... si pudiera daria 2 likes
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!
Como siempre manu el mejor. Crack
Gracias, ya logramos mejorar nuestra zona de productos. ;)
Éxito en ese proyecto!
gracias, me re sirvio Manu, te dejo un merecido like y este comentario!
excelente! muchas gracias!
Me funciono!!! muchas gracias. - como eliminaria un H2 que esta dentro de class="woocommerce-MyAccount-content" ?
Hola, excelente bro, si pude... Muchas gracias. Saludos
Amigo, de verdad mil gracias!
Me reí 😂😂, “hubiera evitado perder tanto cabello” te amé !
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!
Super, llevaba horas tratando de oculta las variociones del producto!!!
Hace magia ese código, literal puedes ocultar lo que sea. Saludos!
hola excelente tutorial, pregunta como puedo borrar el boton de finalizar compra? puesto deseo solo dejar solo whatsapp order
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 Manu ! La sección que deseo eliminar es un
Estimado, y si quiero mover un elemento. O también cambiarle el tamaño?
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
Excelente Tutorial, muchas gracias
Eres un crack, muchas gracias
Fenomenal video muchísimas gracias!!!
Excelente aporte!!! Abrazos!!!
gracias hermano, me funciono!
Excelente, gracias
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 🇨🇱
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
Demasiado buenos, muchas gracias
Me salvaste la vida ❤
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!
gracias me ayudaste muchoo..!!!
Hola Jhon! un gustazo saber q te pude ayudar. Saludos!
Buen video Manu.......
Muchas gracias!!!
Buen tutorial me suscribo! ¿Sabes cómo se modifica el texto en vez de ocultarlo? Saludos!
Gracias Manu por el aporte me acaba de resolver
No es el código que utilizas en el tutorial el que esta en la descripción del video .product-attribute {
display: none !important;
}
Está técnica me sirve para borrar la palabra +Free Shipping que sale al lado del precio?
Hola buen tutorial, pero tengo un problema no puedo quitar el botón de añadir al carrito de la página de descripción de productos variables.
llevo dias buscandolo muchas gracias!!
Q bueno q te sirvió el tutorial :) … creo q ese campo es completamente innecesario.. saludos!
Muchísimas gracias , me sirvió bastante
Hola, y si quisiera ocultar algo de un elemento incrustado?
por ejemplo un logo, un boton. etc. Se podrá?
Genio, mil gracias... MANU
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.
genioooooo gracias
Eres un crack!
exelente video, muchas gracias
GRACIAS PROFEEE
eres un crack 🔥
puedes hacer un video de ocultar imágenes de la subcategorías?
muchas gracias
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
Dios te bendiga.
Me hiciste el día! Saludos
me funcionó, mil gracias!
Buen aporte. Gracias
lo intente muchas veces para eliminar un campo y no me funciona!! me ayudarias ? que estoy haciendo mal
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?
la que sale en el video es comienza por
.start-rating {
display: none !important;
}
ayuda me salen los productos de mi tienda debajo y no quiero eso .. como se hace el ocultar los productos
I have duplicate buttons to proceed to checkout, how do I deactivate one with CSS? please
Hey Bro! I think you need to check your theme..I am almost sure that if you hide 1 button with CSS, you are going to hide them both as they might have the same CSS class.
me sirvio!!! mil likes para ti
Manu, el display: none no afecta negativamente al posicionamiento SEO?
¡Gracias por tu comentario! 🤔 Te soy honesto, dejé de hacer SEO hace años para enfocarme en la parte publicitaria. Te quedo a deber la respuesta. Abrazo!
Gracias papucho!
Lo intente para eliminar el sidebar o menu de categorias en la pagina de la tienda pero no me funciono :(
gracias
Justamente lo que buscaba, solo que solo se oculta lo que quiero mientras estoy en el personalizador, una vez publico y veo la pagina, vuelve a como antes :c