Como personalizar la página de Mi Cuenta con Elementor

Подписаться 20 тыс.

Просмотров 8 тыс.

50% 1

Cuando instalamos woocommerces para crear nuestra tienda virtual por defecto se nos crean unas series de páginas que necesita para funcionar efectivamente:
Login, Carrito, Finalizar cuenta, Mi cuenta, (Login, Cart, Checkout, Mi Account)
Las mismas tienen un diseño bastante básico que muchas veces no se alinean al diseño de nuestro sitio, o quizás, necesitemos agregarle algunas funciones específicas para nuestros clientes.
00:00 Introducción
01:11 Edición de página mi cuenta
03:20 Creación menú de mi cuenta
08:40 Poner links a los botones
12:50 Ocultar menú con css
16:29 Testeo de cambios
------------------------
CSS:
-------------------------
.woocommerce-MyAccount-navigation {display:none;}
.woocommerce-account .woocommerce-MyAccount-content {width: 100%;}
.woocommerce-MyAccount-content{width:100%}
-----------------------
MI AGENCIA
------------------------
▶︎ website: www.estudiosmedia.com.ar
▶︎ Instagram: / estudiosmedia
▶︎ Facebook: / estudiosmedia
------------------------
PERSONAL
------------------------
▶︎ Instagram: / maurochius
▶︎ Facebook: / maurochius

Опубликовано:

30 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 50

@leyla.bienestar 11 месяцев назад

Muchas gracias por el aporte ahora la pagina se ve mas bonita tenga su like

@santiagobrocal8398 4 месяца назад

Muy agradecido con Mauro! El video es del 2022, y aún así realizamos un meet para aclarar dudas al sobre algunas cosas! Maestrooo, muchas gracias por la atención! 👏👏

@estudiosmedia 4 месяца назад

Fue un placer colaborar con Santiago. Seguro estaremos en contacto.

@user-rn7jw1ch1c Год назад

me ha venido genial mil gracias un 10, y yo que queria dejar el menu con lo de descargas que ni servia para mi web xD

@jessicasaldana7881 4 месяца назад

Me suscribo! Simple de explicar y este video me ayudó muchísimo

@estudiosmedia 4 месяца назад

Muchas gracias Jessica, pronto subiremos una actualización sobre este código.

@jobrendon1813 12 дней назад

Llevo algunas horas rompiendome la cabeza hahaha, realmente nunca se me hubiera ocurrido ocultarlo con css, asi puedes hacer un dashboard mas limpio y en efecto con mejor vista.

@estudiosmedia 12 дней назад

Muchas gracias, me alegra que te haya sido útil. Cualquier consulta puedes realizarla por este medio.

@tuinformaticovirtual 7 месяцев назад

Gracias por el vídeo! Una pregunta... ¿esto este panel de administración para integrarlo en una membresía tipo memberpress? Un saludo y gracias de antemano.

@RuteandoSiempre 5 месяцев назад

Hola buenos dias, queria consultarte como hacer para agregar en una página imagenes, como lineas, ondas, etc. Por otro lado consultarte si se puede cambiar la plantilla de una página ya escrita por otra y que se replique en el resto de las páginas. Estoy creando un blog en wordpress y se me complican esas cosas

@ZERO-un5no 2 месяца назад

Muchas gracias por tu video. Tengo una pregunta, en el apartado de login no consigo que se vea la parte de registro, ¿sabes a que se puede deber?.

@gonzalohaag8251 Год назад

gracias amigo, como muestras el nombre del usuario al lado del icono de cuenta en el header?

@CedenoTV Год назад

tengo un problema, LOs menus le aparece a los usuarios que no esten conectado, como lo oculto? me refiero a los menus creados con iconos

@estudiosmedia Год назад

Claro porque la pagina de mi cuenta te queda publica, lo que puedes hacer varias cosas te doy 2 ideas: 1) usar css, cuando un usuario esta logueado wordress por defecto incrusta la clase logged-in, puedes usarla para poner display:block, mientras que para lo demas usas display:none 2) hacer un redireccionamiento de la pagina mi cuenta si el usuario no esta logueado y la mandas a la de login o registro. Eso lo podes hacer por codigo php desde el funcion.php

@EcotecSS Год назад

Esto esta bien, pero para la vista de un smartphone, queda bastabte limitado a hacer un desplazamiento largo por toda la pantall y mas si tienes una tienda en linea. hay agun metododonde colocar los links dentro de pestañas? Gracias.

@estudiosmedia Год назад

Podrías usar un carrousel para mostrar los botones y al escrolear dejarlos fijos para que siempre estén presentes. También puedes achicar el tamaño de los cuadrados en celular como yo hice en este ejemplo de invertower.demo.net.ar/proyectos/desarrollo-en-pozo-pellegrini-tower/

@felipelopez8908 Год назад

Hola! Cómo estás? He seguido el tutorial y me parece maravillosa la forma que tienes de explicar! Muchas gracias!! El único problema que tengo, es que no logro vincular correctamente la página de Log In con Mi Cuenta, ya que cuando ingreso a la página del log in y coloco las credenciales, la página queda en blanco :( y cuando ingreso directamente a la página de mi cuenta y aplico el log out, me aparecen los campos para iniciar sesión o registrarme, pero continuan apareciendo los iconos de pedidos, mis datos, etc. Podrías hacer un video explicando cómo vincular ambas páginas? Saludos!

@estudiosmedia Год назад

Estas usando la pagina por defecto de wodpress para el login o instalaste algun plugin?? con gusto te ayudo., podes usar popup login register anda muy bien. o custom login es gratis ese.

@arapitt Год назад

como hago para editar la pagina student-registration que me genera por defecto woocomerce? ejemplo quiero cambiar el formulario de inglés a español y agregarle algún campo más. Desde ya gracias

@estudiosmedia Год назад

Hola estimado, student-registation no es una pagina por defecto de woocomerce. Seguro es de tu plataforma de elearning que estás usando, si me indicas cuál es con gusto de ayudo.

@arapitt Год назад

@@estudiosmedia ah, intento entender. Uso Tutor lms y woocomerce. Y cuando abro mi pagina desde incognito.. las paginas como ejemplo para hacerse el usuario, el escritorio personal (dashboard) y la pagina para incribirte o loguearte también está en inglés. A estas paginas me gustaría editarlas también. Me recomendas algún plugin? o con elementor ya estaría. Gracias por responder y sería de gran ayuda. Saludos

@estudiosmedia Год назад

Hola estimado, yo estoy usando learndash y justamente estoy migrando una de ellas a tutor, aún no llegue al login así que puedo ayudarte y me viene bien la practica. Si está online tu web la podemos ver juntos, escríbeme por whatsApp al wa.me/+543426306767 y lo vemos. Por lo pronto se que tutor esta en español asi que no deberias tener problemas con el login y el registro. Tu wordpress esta correctamente configurado en idioma español ?? Ya exploraste la documentación oficial de Tutor donde dice como traducir el login y el registro ?? docs.themeum.com/tutor-lms/tutorials/how-to-translate-tutor-lms/

@felipebalaguera4920 Год назад

hola, excelente tutorial, lo unico que no me ha funcionado es el codigo CSS, lo agregue con las 3 opciones que das y no lo activa. sabes que puede ser?

@estudiosmedia Год назад

Hola Felipe contactame por Whatsapp desde nuestra página web y hacemos un meet. El código está funcionando en varias web que he armado, con gusto lo resolvemos en seguida.

@DomifiDelivery Год назад

Hola, todo ha funcionado excelente, pero me gustaría añadir más campos a la zona de registrarse. sabrías cómo hacerlo?

@estudiosmedia Год назад

Hola, quieres agregar más campos en el formulario de registro del usuario??? Te puedo ayudar con ese tema.

@DomifiDelivery Год назад

@@estudiosmedia Hola, ya lo he solucionado mediante códigos, pero me habría gustado una solución más simple, igual gracias por estar pendiente y responder.

@nicolaspalacios1663 Год назад

Haciendo todo el proceso me doy cuenta que para la version movil no sirve ya que me muestra la info de cada items al finalizar, y como son bloques tan grandes la información no se puede visualizar tan pronto se le da click a cada items, hay que bajar hasta el final por lo cual los clientes no lo entenderan

@estudiosmedia Год назад

Nicolás gracias por tu comentario, en Movile tienes que ajustar el tamaño de las columnas para que rompa bien en celular. Con elementor es sumamente fácil hacer esta adaptación. En mi caso las columnas son 4 y miden 25% de longitud en relación al ancho total. De esta manera, la fila en celular muestra los 4 iconos. Saludos y cualquier duda estoy a tu disposición.

@tradeperu9871 Год назад

hola, he tenido un problema ya que cuando cierro la cuenta me siguen apareciendo los iconos de pedidos, editar, etc y abajo me dice acceder a tu cuenta, hay manera de que solo aparezcan los iconos solo cuando inicias sesión?

@estudiosmedia Год назад

Hola estimado, creo que lo que tratas de decir es que al cerrar la sesion , la información de mi cuenta sigue apareciendo. Si la página está bien configurada como (mi cuenta en woocomerces) es posible que no estés cerrando sesión correctamente., Fíjate que al darle clic a cerrar sesión te pide una confirmación que te lo pone justo debajo de los datos, casi que no se distingue, tenés que aceptarlo para salir eficazmente. Estoy trabajando en un codigo que al darle cerrar lo haga directamente sin pedir confirmación.

@coinunclothed8826 Год назад

Hola me ocurre lo mismo, pero me estoy dando cuenta que yo no tengo una pagina solo con iniciar sesión pero no se como crearla :(

@estudiosmedia Год назад

@@coinunclothed8826 hola estimado, te ayudo a crearla, si quieres nos conectamos en 1 hs. Por Meet. Escribeme por Whatsapp desde www.estudiosmedia.com.ar

@tradeperu9871 Год назад

@@estudiosmedia podría conectarme igual para ver en que me estoy equivocando?

@estudiosmedia Год назад

@@tradeperu9871 hola otra usuaria le pasaba lo mismo y el problema es que estaba usando el login por defecto de wordpress, en mi caso yo uso una página personalizada para para iniciar sesión, armada con elementor y el plugin pie register.

@franaguilargarciadepesquer5165 7 месяцев назад

Gracias por el video, tengo los siguientes problemas: 1) Al poner el codigo en style.css no hace ningun cambio de ocultar la tabla,y eso que ya he borrado cache de web y navegador. 2) El nuevo menu creado me sale en la web incluso sin haber hecho login, y no se por qué. Espero que me pueda ayudar. Gracias!

@estudiosmedia 7 месяцев назад

Buenas tardes, te entiendo el problema, falta una clase css +, lo podemos ver el martes y lo solucionamos en un meet. Si te parece?

@franaguilargarciadepesquer5165 7 месяцев назад

Subirás luego el vídeo por aquí? Porque soy de España y no sé si podré conectarme en horario.

@estudiosmedia 7 месяцев назад

Ahora son las 13:38 Arg y allá deben ser las 17:30??? Si te parece el martes hacemos un meet a tus 15 hs.

@user-ky8ij3ph7r Год назад

Hola buenas, videos perfecto, me ha ido genial pero el CSS no me funciona. Lo he probado varias veces y nada. Me podria ayudar de alguna manera porfavor?

@dein4919 Год назад

tienes que hacerlo no con la cuenta de elementor si no con la que vioene por defecto con el shortcode, creo que es edit account

@danielpradomtk Год назад

Utuliza este codigo selector .woocommerce-MyAccount-navigation { display: none; }

@EricGarcia-du8fy 4 месяца назад

Que plugin se uso para el login?

@estudiosmedia 4 месяца назад

Hola, Eric te recomiendo uno que uso mucho en mis webs: Login/Signup Popup ( Inline Form + Woocommerce ) la version gratis anda muy bien, lo descargas oficialmente en es.wordpress.org/plugins/easy-login-woocommerce/

@EricGarcia-du8fy 4 месяца назад

Muchas gracias por tu ayuda 🙏🏻

@jhonatancolorado234 3 месяца назад

amigo gracias por el video sigo los pasos pero al colocar el codigo en coustom css no aculta, le coloco el ID CSS woocommerce-MyAccount-navigation Y me oculta tambien la informacion, fuy al editor de tema y no funciona tampoco, agradezco tu ayuda que estoy haciendo mal?

@estudiosmedia 3 месяца назад

Hola buenas tardes, pásame la URL y la veo, es posible que tú template use otra clase.