Log in / Account user access best solution ?
Permalink
Hi all,
I would need some suggestions & inputs about user Login/Register/account access, and the best way to handle it.
I m building my site on a custom template from Elemental copy.
(you can see a preview without login/Cart links athttp://mattpesquet.com/mp/ )
The first point is that i want for sure to remove bottom footer bar with default Concrete5 login/Account menu, i already know how to do that editing footer.php.
The second point is that my site is mainly a professionnal portfolio, it is not "social network" oriented with complex registered users activity or functions, and i want to keep the access simple and visually light (i mean fitting my design), once logged in the user should be able to access his profil page too (i think it is the only special access required).
If you are nice enough to look at the attached screenshots (working on localhost), you can see on the first and second image (logged out and logged in) that i already put in place a first solution using the free log in/ log out addon that i added to the Header search global area (with same css properties than my autonav links).
As a side note, you can see i tweaked the header search block css to make it "expandable", i m not sure about this solution and to keep it in the header (maybe better move it to footer areas), because it is actually working nice at highest @media width (i added xl container grid classes to bootstrap) but it is a mess at lower @media width since the space become too short in this area to display inline "expanded Search button" and the login/logout menu, i should have at least to fix this editing Less files (i guess the most simple tweak would be to make the Search block positioned absolute so it slides over when expanded and dont "push" login/logout menu to another line).
Except those position issues at lower media width, it should be working as i expect like that, but the main issue to me with this solution is :
How to give the user access to his profil page/account once logged in ?
(ideally it would be a menu link to edit_profil.php that is visible only when logged in)
The second solution (third attached image) shows the default Login/logout and the ccm-account-menu-container moved to header template in the header search global area.
This solution would fit all the needs and give access to account pages, but it seems to me more complicated to fit my design, for example how to transform the button appearance to a simple menu link with sub menus ?
I still have to fix display/position issues at lower media width, and i should have to think how i want to display all this in a responsive way, how does it look when the responsive nav switch to smartphone size...etc.
You can see also that i use community store cart/utility block, that is another layer of data that i m still not sure where to display it...i need a solution that works on smartphone at lower media width with the responsive nav.
Maybe one idea is to adjust header template and existing global areas, to remove header search area for example to give more room to header nav.
Any suggestion to get a clean solution is welcome !
I would need some suggestions & inputs about user Login/Register/account access, and the best way to handle it.
I m building my site on a custom template from Elemental copy.
(you can see a preview without login/Cart links athttp://mattpesquet.com/mp/ )
The first point is that i want for sure to remove bottom footer bar with default Concrete5 login/Account menu, i already know how to do that editing footer.php.
The second point is that my site is mainly a professionnal portfolio, it is not "social network" oriented with complex registered users activity or functions, and i want to keep the access simple and visually light (i mean fitting my design), once logged in the user should be able to access his profil page too (i think it is the only special access required).
If you are nice enough to look at the attached screenshots (working on localhost), you can see on the first and second image (logged out and logged in) that i already put in place a first solution using the free log in/ log out addon that i added to the Header search global area (with same css properties than my autonav links).
As a side note, you can see i tweaked the header search block css to make it "expandable", i m not sure about this solution and to keep it in the header (maybe better move it to footer areas), because it is actually working nice at highest @media width (i added xl container grid classes to bootstrap) but it is a mess at lower @media width since the space become too short in this area to display inline "expanded Search button" and the login/logout menu, i should have at least to fix this editing Less files (i guess the most simple tweak would be to make the Search block positioned absolute so it slides over when expanded and dont "push" login/logout menu to another line).
Except those position issues at lower media width, it should be working as i expect like that, but the main issue to me with this solution is :
How to give the user access to his profil page/account once logged in ?
(ideally it would be a menu link to edit_profil.php that is visible only when logged in)
The second solution (third attached image) shows the default Login/logout and the ccm-account-menu-container moved to header template in the header search global area.
This solution would fit all the needs and give access to account pages, but it seems to me more complicated to fit my design, for example how to transform the button appearance to a simple menu link with sub menus ?
I still have to fix display/position issues at lower media width, and i should have to think how i want to display all this in a responsive way, how does it look when the responsive nav switch to smartphone size...etc.
You can see also that i use community store cart/utility block, that is another layer of data that i m still not sure where to display it...i need a solution that works on smartphone at lower media width with the responsive nav.
Maybe one idea is to adjust header template and existing global areas, to remove header search area for example to give more room to header nav.
Any suggestion to get a clean solution is welcome !
