Page History

Overview

Implementing the modal login window is easy. Simply follow the steps below.

Image Added 

Step-by-step guide

To replace the standard Login widget with the modal version:

1. Login to the CMS.
2. Navigate to Content --> Theme Layout. 
3. Locate your Login / Logout widget (generally located in the first zone). 
4. Unselect the tickbox on the Login /  Logout widget to disable it. The widget name should now have a strikethrough and look like this: 
   Image Modified
5. Click the 'Add Widget' button.
6. Search for 'Login Logout Modal'. Select it and click 'Add Widget'.
7. Drag the widget so it sits just under the disabled Login / Logout widget. 
   Image Added 
8. In another browser or incognito window, load your website

...

1. . 
2. Click the 'Login' link and verify that a modal window launches. 
   Image Modified
   
   

Messaging and prompt text have been set to default values, but are completely customisable. 

To customise text and widget options: 

1. Login to the CMS.
2. Navigate to Content --> Theme Layout. 
3. Click 'Edit' on the Login Logout Modal widget. 
4. Update settings and text as required.
   Image Added 
5. Click 'Save'. 
6. Re-launch the modal window in your other browser to verify changes. 

You may wish to include additional content in your login window, such as a registration link for new users, for example. This can easily be done by adding widgets to the Login Logout Modal Page template as follows.

To include additional content in the modal window: 

1. Login to the CMS.
2. Navigate to Content --> Standard Pages.
3. Select the 'Login Logout Modal Page' template.
4. Add widgets to this page as required (for example, an HTML Snippet widget to render custom text or images).
   Image Added
5. Re-launch the modal window in your other browser to verify changes. 
   Image Added

Related articles