Text link to activate sidebar login

Hi there, could you tell me how to add a text link that activates the log-in sidebar please? I need to add text links on product pages prompting users to log in/register and want the sidebar to be activated/fly-in when they click the link, with no redirection away from the page.

Thanks,

Chris

Hello,

Please navigate to Woodmart > Header builder http://prntscr.com/iyd2pe

Choose the proper header type (your current) http://prntscr.com/iyd333

Add My Account element and configure as per your needs http://prntscr.com/iyd3h3

Take into consideration that there is also the mobile view of your header http://prntscr.com/iyd3v3 add and configure the element in the same way as on the desktop

Best Regards

Hi Elise, thanks for that, but i already have that all working fine in the header. I want to add my own button or text link in the body of the page.

Thanks,

Chris

Ok I have got it working now, for anyone else who wants to activate the sidebar login using their own text link or button, just use the following class:

class=”login-side-opener”

Thanks,

Chris

Hello y2cjr

The class is correct, but if you try to use it in the header directly in a specific menu, it won’t work.
The class you use:

class=”login-side-opener”

It will only simulate opening the hidden sidebar but will not show it as such, this happens because the header needs to have the user menu active to be able to call the sidebar.

In order for it to work as follows, you must activate this menu in the header constructor (I couldn’t find another way, if there is one, I hope they explain it.)

An example: Click here to view.

I hope it helps you.

[Author]

Posts