PrestaShop 1.6.x. “TM Header Account” module overview

The following tutorial will show you how to manage TM Header Account module.

This module can be installed like any other PrestaShop module in Admin panel -> Modules and Services -> Modules and Services, you can check this tutorial for more details: PrestaShop 1.6. How to install a module.

It displays login and registration forms on the website. The module allows to log in and register using such social networks as Facebook, Google+ and VK, which is convenient for website users. Registration or logging in proceeds without reloading the page.

Module can take the following positions: website header, left and right column.

NOTE: If you have the 1.x version of this module installed to your PrestaShop website, you are not suggested to update it with the current one. First you need to remove the old version of the module to make your site run without errors.

1. Navigate to Modules and Services > Modules and Services > TM Header Account > Configure in the admin panel.

   

2. Here you can manage the module settings:

   

3. Display type setting allows to select the way to display the registration form. It can take the following values:

   • Drop down – the form will display as a dropdown below the button opening it.

     

   • Popup – the form will appear in a pop-up.

     

   • Left side – the form will appear from the left as a sidebar.

     

   • Right side – the form will appear on right as a sidebar.

     

4. Display style after login setting allows to change the form view after login/registration. You can use the following values:

   • Two columns – the list is divided into two columns.

     

   • One Column – the list of links is displayed as a single column.

     

5. Default avatar field appears only if the ‘Display avatar’ option is enabled. Here you can select the default user avatar.

6. Display avatar setting allows to enable or disable user avatar. If the user logs into the account with the help of one of the social networks, the avatar will be taken from the account in this social network. Otherwise, the avatar loaded by the website admin will be displayed.

7. Use redirect – if this setting is enabled, user registration and password recovery will take place on the default PrestaShop registration/password recovery page.

8. Use Facebook Login setting allows to enable user registration and login with the help of Facebook social network. When you enable this option, you will see the following settings:

   • App ID – your account App ID from the Facebook developer account.

   • App Secret – your app secret from the Facebook developer account.

9. Use Google Login – this setting allows to enable user login and registration with the help of Google+ social network. If you enable this option, you will see the following settings:

   • App ID – your App ID from the Google developer account.

   • App Secret – your App secret from the Google developer account.

   • Redirect URIs – your online-store url + index.php?fc=module&module=tmheaderaccount&controller=googlelogin

10. Use VK Login – this setting allows to enable user registration and login with the help of VK social network. If you enable this option, you will see the following settings:

    • App ID – your App ID from your VK developer account.

    • App Secret – App secret from your VK developer account.

    • Redirect URIs – your online store url + index.php?fc=module&module=tmheaderaccount&controller=vk

11. Registering apps in social networks:

    • Facebook – to get App ID and App Secret, register your app at http://developers.facebook.com/apps.

    • Google+ – to get App ID and App Secret, register your app at http://developers.google.com/accounts/docs/OAuth2/.

    • VK – to get App ID and App Secret register your app at http://vk.com/dev.

    • Click Save when all the changes are made.

Feel free to check the detailed video tutorial below:

And don’t forget to browse our brand new PrestaShop 1.6.x. Templates that extend the functionality of your website.