• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Plugins / Ocultar categorías que no están activas en widget de categorías WooCommerce

Ocultar categorías que no están activas en widget de categorías WooCommerce

Ocultar categorías que no están activas en widget de categorías WooCommerce

[ 8 abril 2019 ] [ Autor: Jhon Marreros Guzmán ][ Plugins - Básico] [ ]

css mejoras woocommerce

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

WooCommerce tiene un widget de categorías de productos que podemos usar en nuestro sitio web, sin embargo este widget siempre muestra todas las categorías, en algunos casos nos puede interesar sólo mostrar las categorías o subcategorías actuales.

 

Resultado Final

Al final obtendremos algo similar a lo que se muestra en la siguiente imagen:

resultado final ocultar categorías en widget

 

Código CSS para ocultar las categorías no activas

Para ocultar las categorías o subcategorías que no están activas puedes usar el siguiente código CSS:


.single-product .widget_product_categories ul.product-categories > li{
	display:none;
}

.single-product .widget_product_categories ul.product-categories > li.current-cat-parent,
.single-product .widget_product_categories ul.product-categories > li.current-cat {
	display:block;
}

En el código anterior:

  • El código se se aplica a la página de detalle de producto
  • Ocultamos todos los ítems de categoría del widget de categorías de productos
  • Mostramos sólo los ítems de categoría que se muestran actualmente en la página, ya sea un único ítem o un ítem padre

Puedes agregar este código al final del archivo style.css de tu child-theme

 

Conclusión

Puedes hacer modificaciones de ocultar o mostrar elementos de manera simple al widget que viene por defecto con WooCommerce y evitar usar un plugin adicional para obtener la misma funcionalidad de ocultar categorías que no estén activas.

 
¿Aún con dudas?, en el siguiente video se detalla los puntos anteriores.

Suscríbete a DecodeCMS:  

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • CRUD en WordPress sin pluginsCRUD en WordPress sin plugins
  • Cómo eliminar todos los productos de WooCommerceCómo eliminar todos los productos de WooCommerce
  • Agrupar los resultados de búsqueda en WordPressAgrupar los resultados de búsqueda en WordPress
  • tipos de complementos de WordPress5 tipos de complementos de WordPress
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (1 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

Comentarios

  1. willy

    3 febrero, 2022

    Buenas, quisiera saber como podría ocultar las demás categorías cuando estoy en una de ellas ya que solo quiero manejar pestañas.

    • Jhon Marreros Guzmán

      6 febrero, 2022

      Hola, ¿podrías detallar un poco más?, es decir ¿en dónde se están mostrando las categorías que quieres ocultar?
      Saludos.

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral principal

Presentación

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Jooble
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad social woocommerce

Populares

Deshabilitar Gutenberg en WordPress selectivamente

Mover la carga de Javascript y CSS al footer en WordPress

Mostrar notificaciones por usuario en la administración de WordPress

Personalizar página de gracias de WooCommerce

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2023 Todos los derechos reservados