User profile tab

  • Resolved Marta Negro

    (@guiri-express)


    3 years, 6 months ago

    Hi, I have a website, still in development, which I would like to have ready to launch soon.
    On the user profile tab, (link for example https://demo.ultimatemember.com/user/kinexmedia/?profiletab=reviews)
    when you navigate between tabs, for example, you change to note tab the page charge again from the top, instead to make the navigation easier keeping the page in the content and not having to scroll down every time you exchange tab.

    I don’t know if I explain properly, but I would like to improve the user experience., and not make the user scroll down every time it changes tab.
    Is it possible to fix that with a snippet or code?
    Thanks.

    • This topic was modified 3 years, 6 months ago by Marta Negro.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor Champ Camba

    (@champsupertramp)

    Hi @guiri-express

    You can try this javascript snippets to make the scroll happening when switching tabs:

    jQuery(document).ready(function() {
   var $container = jQuery("html,body"),
      $scrollTo = jQuery(".um-profile-nav");

   // Or you can animate the scrolling:
   $container.animate(
      {
         scrollTop: $scrollTo.offset().top - $container.offset().top + $container.scrollTop() - 500
      },
      1500
   );
});

    1500 is the seconds for the animation
    500 is the height of the profile header.

    Regards,

    Plugin Contributor Champ Camba

    (@champsupertramp)

    Hi @guiri-express

    Please feel free to re-open this thread by changing the Topic Status to ‘Not Resolved’ if any other questions come up and we’d be happy to help. ??

    Regards,

    Hello I wanted to ask @guiri-express if he could help me to create a new TAB in the profile, because I could not do it

    Thread Starter Marta Negro

    (@guiri-express)

    Hi @champsupertramp that code didn’t work for me. I used a snippet to implemented. Should I try another way?
    Thanks

    Thread Starter Marta Negro

    (@guiri-express)

    Hi @maurotello73 you just need the profile tabs extension. ??

    Thread Starter Marta Negro

    (@guiri-express)

    Hi again @champsupertramp I understand that this snippet has to be introduced inside a hook. I have searched the documentation but I couldn’t find a switching tabs hook.
    Thanks.

    Thread Starter Marta Negro

    (@guiri-express)

    Now I manage using Elements from GeneratePress, but; I have a link in the general menu on the top of the page that goes to the ‘about user profile tab’ as the “main tab”, and even when you don’t click on the tab, it does scroll.
    Any hint of having the scroll just when you press the tabs? Or how to avoid the scroll in just one of the tabs? Thaaaanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘User profile tab’ is closed to new replies.