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
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 2057 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.
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 2057 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. 😉