Categories

Featured templates

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

Alice Weasley February 9, 2017
Rating: 5.0/5. From 2 votes.
Please wait...

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.

    PrestaShop_1.6.x._TM_Header_Account_module_overview_1
  2. Here you can manage the module settings:

    PrestaShop_1.6.x._TM_Header_Account_module_overview_2
  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.

      PrestaShop_1.6.x._TM_Header_Account_module_overview_3
    • Popup – the form will appear in a pop-up.

      PrestaShop_1.6.x._TM_Header_Account_module_overview_4
    • Left side – the form will appear from the left as a sidebar.

      PrestaShop_1.6.x._TM_Header_Account_module_overview_5
    • Right side – the form will appear on right as a sidebar.

      PrestaShop_1.6.x._TM_Header_Account_module_overview_6
  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.

      PrestaShop_1.6.x._TM_Header_Account_module_overview_7
    • One Column – the list of links is displayed as a single column.

      PrestaShop_1.6.x._TM_Header_Account_module_overview_8
  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 SecretApp 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:

Feel free to check the detailed video tutorial below:

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

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

Best Prestashop Themes
This entry was posted in PrestaShop Tutorials and tagged module, Prestashop, TM, TM Header Account. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket