Personalizar los iconos del menú de administración de WooCommerce

Usa Menu icons para dar a los menús WooCommerce y Products iconos Dashicons de WordPress distintos. Las etiquetas de los menús, los enlaces, los permisos y el orden no cambian. Esta guía está dirigida a administradores del sitio que usan WooCommerce.

Elige los iconos

  1. Abre Settings → POM Tweaks → E-Commerce → Advanced.
  2. Activa Menu icons.
  3. Introduce una clase Dashicons en WooCommerce menu icon, como dashicons-store.
  4. Introduce una clase en Products menu icon, como dashicons-products. Usa el enlace WordPress Dashicons catalog para encontrar clases disponibles.
  5. Haz clic en Save y, a continuación, recarga o abre otra página de administración para ver ambos iconos del menú.

Un campo vacío usa dashicons-cart. Puedes pegar dashicons-store o dashicons dashicons-store; la clase base opcional se normaliza al mostrar el icono. Usa nombres de clase del catálogo enlazado: no se admiten URLs de imagen ni HTML. Una sintaxis de clase no válida recurre al icono del carrito.

Verifica y resuelve problemas

Comprueba ambas entradas del menú y abre sus destinos habituales. Los demás menús deben conservar sus propios iconos, incluso si comparten permisos de gestión de productos. El ajuste se aplica a la administración del sitio actual, también en multisitio; no personaliza el Network Admin.

Si un icono aparece en blanco, comprueba su escritura con el catálogo y recarga la página. Una clase Dashicons sintácticamente válida pero inexistente no tiene glifo. Si falta un menú, confirma que WooCommerce está activo y que el usuario actual puede acceder a él; este control no crea menús ni concede permisos. Otro plugin o una hoja de estilos de administración personalizada pueden sobrescribir la presentación del icono.

Restaura los iconos originales

Desactiva Menu icons, guarda y recarga la página de administración. WordPress y WooCommerce vuelven a mostrar sus iconos habituales. Los dos nombres de clase que configuraste se conservan para su uso futuro.

Consulta el catálogo de ajustes modernos para ver controles relacionados.