• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Ocultar enlaces de la página de mi cuenta de WooCommerce

Aprende en este tutorial cómo ocultar cualquier enlace de la página «mi cuenta» de WooCommerce con un sencillo snippet de código.

Al instalar y configurar WooCommerce se crea una página que permite al cliente gestionar sus pedidos, datos, etc. Por defecto cuenta con los siguientes apartados:

  • Escritorio
  • Métodos de pago
  • Pedidos
  • Descargas
  • Direcciones
  • Detalles de la cuenta
  • Salir
Página de mi cuenta de WooCommerce por defecto.

Dependiendo del proyecto es posible que te interese ocultar algunos. De hecho, el otro día un suscriptor me preguntó cómo podía dejar únicamente el apartado de «Detalles de la cuenta».

¿A ti también te interesa ocultar alguno de los enlaces en concreto?

Gracias al filtro woocommerce_account_menu_items de WooCommerce puedes conseguirlo de forma sencilla.

Aquí tienes cómo hacerlo:

Snippet para ocultar los enlaces de la página mi cuenta de WooCommerce

Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:

Para ver este código y los otros 1801 snippets de esta web,
identifícate o suscríbete aquí.

En este caso utilizas el filtro woocommerce_account_menu_items para eliminar los campos que no quieres que se muestren, dejando únicamente el de «Detalles de la cuenta visible.

Página de mi cuenta de WooCommerce personalizada.

Te dejo el listado de campos por defecto de WooCommerce y cómo eliminarlos para que puedas personalizar el snippet de arriba a tu gusto:

unset( $menu_links['edit-address'] ); // Direcciones 
unset( $menu_links['dashboard'] ); // Escritorio 
unset( $menu_links['payment-methods'] ); // Métodos de pago 
unset( $menu_links['orders'] ); // Pedidos 
unset( $menu_links['downloads'] ); // Descargas 
unset( $menu_links['edit-account'] ); // Detalles de la cuenta 
unset( $menu_links['customer-logout'] ); // Logout

Si por algún motivo prefieres simplemente ocultar los enlaces mediante CSS puedes añadir este snippet al final del fichero style.css:

Para ver este código y los otros 1801 snippets de esta web,
identifícate o suscríbete aquí.

En este caso, estarías ocultando todos los enlaces, pero puedes eliminar las líneas que sí te interese mostrar.

Conclusión

Como ves, con unas pocas líneas de código puedes ocultar el campo que desees en la página de mi cuenta de WooCommerce.

¿Alguna duda? Te leo en los comentarios.

Y si quieres darme una sugerencia para próximos tutoriales, déjamela en el formulario de contacto. Ventajas de ser suscriptor. 😉

PHP Productos WooCommerce

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes login o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?