The connect manager is a useful tool for installing extensions, but prefer hands-on method when it comes to installations. It feels more comfortable when you are personally in control of the process. Do you see an app-code directory there, what about app-etc-modules? If you don’t see these directory paths and files contained within them, chances are that the extension download was faulty. Take a look at the package.xml file, this is the blueprint used by Magento Connect to arrange the files in the proper places. You may need to use this to ensure that everything is as it should be. Once you have reviewed the extension files you are ready to perform the last step. Using your FTP client, drag all of the files onto the store root of the magento instance.
Depending on the number of files in the extension, this may take a few moments. Now go to the admin console and click Flush Cache Storage. This is the requirement for any extension that adds pages to the admin console. Logging out and back in is also required to ensure that everything loads properly. If you cannot clear the cache via the admin console for any reason, you will need to clear the cache manually via your FTP client (see the first FAQ question for assistance). That is the final step. Congratulations on a successful installation.
Troubleshooting and FAQs
I loaded all files onto my Magento store, and now get a white screen for some or all of the admin console.
This is a fairly common problem, and 99% of the time it is cache related. If you can get to it, go to System->Cache Management and click Flush Cache Storage. This will ensure that everything cached by Magento is deleted and will to be regenerated. Log out and back in to complete the process.
If you are completely cut off from the admin console, navigate to the var-cache directory of your website. You should see a series of directories named mage*. Delete all of these directories (DO NOT DELETE var-cache). This is the equivalent of flushing the cache storage from the admin console.
I am receiving a Magento error when accessing certain pages. How can I debug this?
This question really deserves a blog post all to itself, but a good start would be to go into the errors directory of your store. Locate the local.xml.sample file and rename it local.xml. The next time you see the error detailed information will be provided explaining where the error took place. Dont forget to change this back when you are finished troubleshooting!
I have a critical error with my webstore and need to turn off an extension I cannot access the admin console. What do I do?
Go to the app-etc-modules directory and open the file that goes with your extension. The naming convention is generally DeveloperName_ExtensionName.xml. In this case it would be Vss_PopupLoginizer.xml.
Look for the active tags in the file, change the value from true to false and save your changes. This tells Magento that the extension is disabled and not to run any code associated to it. Deleting the Magento cache is recommended (and most likely required) for this change to take effect.
User Guide
1. To access the Ajax Popup Loginizer Module . Click on System menu and then click Popup Loginizer as seen below.
2. After clicking the module settings will display like shown below.
In modules top navigation bar, there are following controls:
Current Configuration Scope : This option is used to change the store configuration scope.
Save : This option is used to save the module settings.
Cancel : This option will cancel the current changes in settings.
General Settings
On clicking the module link, this tab will be open by default as shown as above screen. This tab has following options :
Activate Popup: This option is used to enable or disable the module.
Include Addon: This option is used to add Forgot form and Registration form with in popup. When there are included then user get the forgot password form and registration form within popup as shown in above Introduction section. Otherwise when user will click on forgot password or sign up link, he will be redirect to forgot password page or registration page respectively.
Text for Popup link: Enter the text you want to display as a link next to default login link i.e. in top links.
Include jQuery: jQuery i.e. a javascript framework is required for this plugin to work. Sometimes themes used in Magento already includes it but sometime they do not. If jquery is already included in your theme then deactivate else activate to include it.
We hope that we have covered all the concerns regarding the installation and product guide of this Magento Extension. You should also check our blog on Registration Related issues of Magento Ajax Popup Login.
Knowband offers OpenCart Filter Pro extension which simplifies the product searching for your store customers. With the help of this improve filter module the e-merchant can showcase various filtering options on the website store. Thus customers can easily find the required product just by selecting the appropriate filter options.
Features:
The Opencart product filter module is very easy to install and configure.
The store admin can activate/deactivate the search filter plugin anytime.
The Opencart filter by price module offers a simple and hassle-free implementation.
You don’t need to change codes for implementation.
No technical help required for applying this functionality.
The store owner can allow the users to minimize/maximize the filter options.
AJAX-based navigation makes product searching faster.
You can show/hide the available products count.
Provide filtering based upon many options like attribute, brands, categories, discount etc.
The Opencart filter extensions allow the store owner to select the suitable location for showing filter options.
OpenCart custom filter extension allows setting sort order for filter options.
OpenCart attribute filter plugin Doesn’t conflict with any other module.
How to install OpenCart Filter Pro plugin on your server
1. Download the zip from OpenCart & unzip into a folder.
2. Open the upload directory & you will see following folder structure.
3. Login via FTP & Drag drop all the folders into your server root directory. You dont have to changet he default theme folder name to your theme folder name.
4. You will find the plug-in ready to be installed in the Modules of your OpenCart.
You must have VQMOD installed for this plug-in to work. If VQMOD is not installed please download and install from the URL below:
https://code.google.com/p/vqmod/
5. Click on Install link to install the plug-in.
6. Delete the vqcache files from the vqmod/vqcache folder.
7. To access settings of Filter Pro plug-in, click on the edit button for filter Pro in the list of modules as shown below.
8. Store admin will have various settings options categorized in the left column as shown:
1. General Settings tab
Admin can play with various settings to customize the module according to him/her. Settings provided under this tab are applicable to the entire module be it on any layout. Following settings options are available for it:
1. Enable/Disable: This is the global enable/disable switch for module. Enabling/Disabling this switch will enable/disable the entire module wherever applied.
2. Minimize/Maximize: Enabling this will give user the option to minimize and maximize each filter onstore front.
Clicking on the + icon will maximize the filter data and the +icon will change to a – icon.
3. Enable/Disable Ajax: If you switch it on, filtering would be done via Ajax otherwise on page refresh.
4. Show/Hide Product count: If you switch on this button, store front users will be able to see the products count with each filter.
If you switch this button off, you will not be able to see any product count with any filter.
2. Filter Options tab
Under this setting option, admin can choose which filters should be enabled for all layouts. Also, sort order for each filter can be put in here. Options are described as following:
1. Status for each category: Each filter namely category, Brands, Price, Discount and Product Attributes have option to be either enabled or disabled globally. If any of these filters are disabled,they will not appear on any module whether they are enabled on a layout or not.
2. Sort Order for each category: Each filter has a text box for entering a sort order. This sort order decides which filter may appear above another filter in the module.
Filter with smallest sort order will appear at the top of the module, largest at the bottom-most part of the module.
3. Filter Layout tab
Under this setting option, admin can choose to show specific filters for specific layouts on left or right positions.
In the filter option table, each filter has corresponding options for each layout.
1. Enable: To enable a filter, you must check enable the checkbox for that layout corresponding to the filter you want to enable. For example, if you want to enable Product attributes for the category layout, you will have to check enable checkbox under category layout corresponding to Product Attributes.
2. Position: You can choose to show an enabled filter on either left-hand side or right-hand side of the layout by selecting the position from the drop down in front of each filter.
Store Front
On the front- end, users will be able to view all enabled filters on the respective layouts on the respective positions (left, right).
On checking any of the check-boxes, product listing will happen according to the options chosen,also the chosen options will be displayed on top.
Clicking on close icon (as highlighted below) of any of these will remove that filter immediately and make a new product listing.
Each filter also has the option for clearing all the chosen options within a filter, clicking on the link
Clear will remove all filtering options, uncheck all the options for that filter and create a new product listing.
The connect manager is a useful tool for installing extensions, but prefer hands-on method when it comes to installations. It feels more comfortable when you are personally in control of the process.
Do you see an app-code directory there, what about app-etc-modules? If you dont see these directory paths and files contained within them chances are that the extension download was faulty. Take a look at the package.xml file, this is the blueprint used by Magento Connect to arrange the files in the proper places. You may need to use this to ensure that everything is as it should be. Once you have reviewed the extension files you are ready to perform the last step. Using your ftp client, drag all of the files onto the store root of the Magento instance. Depending on the number of files in the extension, this may take a few moments.
Now go to the admin console and click Flush Cache Storage. This is the requirement for any extension that adds pages to the admin console. Logging out and back in is also required to ensure that everything loads properly. If you cannot clear the cache via the admin console for any reason, you will need to clear the cache manually via your FTP client (see the first FAQ question for assistance). That is the final step. Congratulations on a successful installation.
Troubleshooting and FAQs
I loaded all files onto my Magento store, and now get a white screen for some or all of the admin console.
This is a fairly common problem, and 99% of the time it is cache related. If you can get to it, go to System->Cache Management and click Flush Cache Storage. This will ensure that everything cached by Magento is deleted and will to be regenerated. Log out and back in to complete the process.
If you are completely cut off from the admin console, navigate to the var-cache directory of your website. You should see a series of directories named mage*. Delete all of these directories (DO NOT DELETE var-cache). This is the equivalent of flushing the cache storage from the admin console.
I am receiving a Magento error when accessing certain pages. How can I debug this?
This question really deserves a blog post all to itself, but a good start would be to go into the errors directory of your store. Locate the local.xml.sample file and rename it local.xml. The next time you see the error detailed information will be provided explaining where the error took place. Dont forget to change this back when you are finished troubleshooting!
I have a critical error with my webstore and need to turn off an extension I cannot access the admin console. What do I do?
Go to the app-etc-modules directory and open the file that goes with your extension. The naming convention is generally DeveloperName_ExtensionName.xml. In this case it would be Velsof_Supercheckout.xml.
Look for the active tags in the file, change the value from true to false and save your changes. This tells Magento that the extension is disabled and not to run any code associated to it. Deleting the Magento cache is recommended (and most likely required) for this change to take effect.
General Settings
1. To excess Magento Checkout Extension, Click on supercheckout option appearing as a sub menu in navigation menu under System main menu as shown below.
2. On clicking sub menu Free Supercheckout the module for plugin will open. It contains navigational bar at the top, menu at the left and main content in the center as shown below.
3. To enable the plugin, switch the enable button from OFF to ON which is just to the right of Enable/Disable label.
4. To enable guest registration, switch the button from OFF to ON which is just to the right of Register Guest Automatically label. Enabling this would result in registering the guest to your store and an automatically generated password would be mailed to that user.
5. To enable registration, switch the button from OFF to ON which is just to the right of Register Guest With Password label. On enabling this password and confirm password fields will appear so that customer can register from the checkout page itself.
6. To change the default option from Guest, Login or Register in Login section of checkout page, select an option from given radio button. The selected option will be set as chosen option by default.
7. To enable or disable guest checkout by the user check/uncheck the checkbox which is just to the right of Display Guest label.
Login Tab( Not in Free Version )
1. This tab basically contains setting to enable /disable Facebook and Google registration & login as shown below.
2. To enable Facebook Registration & Login switch the button from OFF to ON which is just to the right of Enable Facebook Login label. But before you do that do get Facebook APP ID and APP SECRET from https://developers.facebook.com.
3. Enter the APP ID and APP SECRET in their respective fields and save. You will find Facebook login button on your checkout page.
4. To enable Google Registration & Login switch the button from OFF to ON which is just to the right of Enable Google Login label. But before you do that do get Google APP ID, CLIENT ID and APP SECRET from https://code.google.com/apis/console. For detailed instructions to get the
APP ID, download the Facebook & Google Setup guide from oepncart accout.
5. Enter the APP ID, CLIENT ID and APP SECRET in their respective fields and save. You will find Google login button on your checkout page.
Payment Address Tab
1. This tab contains setting for the fields which is to be shown in Payment or Billing Address section in checkout page as shown below.
2. It consists of two sections. The one in the left is for Guest Customers and the right one for registered customers.
3. To make a field display/hide in the checkout page check the checkbox just to the left of Show label.
4. To make a field as mandatory (required field) check the checkbox just to the left of Require Label.
NOTE: The rearrangement of fields is not available in free version.
5. The fields can also be rearranged according to the requirement. To rearrange just move the cursor to the drag icon and drag & drop the field wherever it is required as shown below.
6. On saving, the fields will be rearranged as per the changes.
Shipping Address Tab
1. This tab contains setting for the fields which is to be shown in Shipping Address section in checkout page as shown below.
2. It consists of two sections. The one in the left if for Guest Customers and the right one for registered customers.
3. To make a field display/hide in the checkout page check the checkbox just to the left of Show label.
4. To make a field as mandatory (required field) check the checkbox just to the left of Require Label.
NOTE:The rearrangement of fields is not available in free version.
5. The fields can also be rearranged according to the requirement. To rearrange just move the cursor to the drag icon and drag & drop the field wherever it is required which is same as payment
address.
Shipping Method Tab (Not available in free version)
1. This tab contains settings for shipping method which is shown in checkout page. It basically contains settings for enabling/disabling and setting the default shipping method as shown below:
2. To Enable/Disable the shipping methods from the checkout page switch the button from ON to OFF or vice-versa. This will disable the shipping method block from checkout page. But you should select a default shipping method (if any installed) to apply shipping charges to the order.
3. To get a default shipping method selected in the checkout page select the default shipping method from the dropdown. If the selected shipping method is not installed it will automatically select from installed shipping method.
Payment Method Tab (Not available in free version)
1. This tab contains settings for payment methods shown in checkout page like enabling/disabling or selecting a default method.
2. To Enable/Disable the payment methods from the checkout page switch the button from ON to OFF or vice-versa. This will disable the payment method block from checkout page. But you should select default payment method (if any installed) to get a payment method in the checkout page.
Confirm Tab and Cart
1. This tab contains setting for the cart and confirming the order as shown below:
2. Its divide in two section
a. Cart
b. Confirm
Cart
NOTE: These configuration is not available in free version.
1. This tab is again divided into two sections, the left one is for Guest Customers and Right one for Registered or Logged in customers.
2. To Display/Hide cart from the checkout page check uncheck the checkbox present in front of Display Cart label.
3. To enable/ disable any column in the cart check/uncheck the checkbox in front of that respective column.
4. To enable/disable the popup images for the product check/uncheck the checkbox in front of that respective column.
5. To change the size of popup for images Enter the width and height of the popup in textbox in front of Pop Image Size label.
6. Coupon and Voucher options can also be disabled or enable by checking/unchecking the checkbox in front of that respective field.
Confirm
1. This tab is again divided into two sections, the left one is for Guest Customers and Right one for Registered or Logged in customers.
2. To enable the comment box for the order by customer check the checkbox in front of that Leave a comment for the order label & to disable uncheck the same checkbox.
3. To enable agree to the term or any other information saved in the admin for the store check/uncheck the checkbox in front of I agree to the conditions label.
Design Tab (Not available in free version)
1. This tab contains the settings for the design of checkout page in the catalog.
2. To change the width of any column adjust the slider present at the top as shown below :
3. Block of different steps can also be rearranged from one column to the other or in the same column as shown below:
4. On saving, the block will be rearranged in the checkout page as per the changes.
Cart Popup Tab (Not available in free version)
1. This tab contains the settings for pop up cart that appear on adding any product to the cart.
2. To enable the popup cart, switch the enable button from OFF to ON which is just to the right of Enable/Disable label as shown below:
3.Cart popup is divide in two section as shown below, left section shows the cart details while right section can be used for promotion.
Screen Shot
This is supercheckout page which will be shown to customer.
2. Open the upload folder and you will find the following folder structure:
You must have VQMOD installed for this plug-in to work. IfVQMOD is not installed please download and install from the URL below:
https://code.google.com/p/vqmod/
3. Select all the folder and drag and drop them to the root directory of your OpenCart storet hrough FTP.
4. You will be able find the plug-in ready to be installed in the Modules (Extensions -> Modules)in your OpenCart store as shown below.
5. Click on the Install link to install the plugin.
6. To enable the plugin, Go to Extension -> Module & edit the Birdview plugin.
7. Click on edit button in module section as shown below:
8. On clicking edit button, A module page will be displayed.
Features
1. Select enable for status field to enable the plugin.
2. Enable the chart to display the chart on admin.
3. Select enable for Today, Yesterday, Last Week, Last Month, Last Year option to enable to boxes
in the Admin Dashboard. If you want to disable any of the boxes, then select disabled option for
the particular boxes.
4. Each box i.e. Today, Yesterday, Last Week, Last Month, Last Years having type of data i.e.Order, Product, Discount, Revenue, Missing order.
Order: No of orders received
Product: No of products sold
Discount: Coupon/Voucher discount on sold product
Revenue: Total amount of sold products
Missing Order: Received missing orders.
5. Disable any columns to remove the data from boxes.
OpenCart Social Login Extension offers your customers an easy and fast way of login through 8 most trusted social networks including Facebook, Twitter, Instagram, LinkedIn, etc. Opencart Social Media Login extension increases the customer registrations on your website and improves the user experience of your online store by allowing them instant access to your website. Social Login Opencart module helps to retain the customers and increases the number of visits on your website.
Allowing your customers to access your website through social accounts without creating a new account on the website improves their experience and encourages them to revisit your website. Opencart Social Login is one of the best extension for those who don’t want to spend time in providing their personal information to register on a website through a new account. Social Login for Opencart has a user-friendly interface and the extension is completely customizable.
1.1 Basic Features of this OpenCart Social Login extension
Social Login Opencart module offers website login through 8 most trusted social media networks including Facebook, Twitter, Instagram, LinkedIn, etc. rather than creating a new account on the particular website.
Opencart Social Login extension can be easily customizable including activating/deactivating the extension in a single click, activating/deactivating social media networks, size, and placement of social media icons on the website.
Opencart Google Login module is designed to match the needs and requirement of every OpenCart website and has a user-friendly interface.
The OpenCart Social Login plugin has a mobile responsive layout and it is desktop responsive also.
The store admin can easily activate or deactivate any social media network from the back office of Opencart Twitter Login extension according to one’s preferences and needs.
Opencart Google Login module is super easy to install and configure without having any coding or technical knowledge.
The online merchant can set the look and feel of social login buttons by configuring button color, hover settings and icon type.
Admin can set a different layout for various website pages.
The OpenCart Social Media Login extension provides statistics for analyzing the impact of social login options and registrations/login details.
2.0 Installation Steps for OpenCart Social Login extension
Purchase OpenCart Social Login extension from the Knowband website. You will receive these files after purchasing the OpenCart extension:
First, you will get a source code file of the OpenCart Social Login module in zipped file format.
User Manual of this Social Login OpenCart module.
Follow below-mentioned steps in order to install OpenCart Social Login module:
1. Unzip the received zip file. You will get the folders as shown in the following image:
2. Copy all the folders of the zip file in the Root Directory of OpenCart setup via FTP manager.
So, OpenCart Twitter Login extension is now successfully installed and ready to use at your store.
Now go to the admin menu and click on the extensions and thereby click on configure button next to OpenCart Twitter Login extension.
3.0 Admin Interface
The online store admin can configure the OpenCart Social Media Login extension after installing successfully. There will be multiple configuration options as mentioned below:
General Settings
Account Settings
Configure modules
Configure Icons
Statistics
3.1 General Setting
The online merchant can apply the basic settings from here. These are the available configuration options:
Status: The e-merchant can activate or deactivate the OpenCart Social Login extension functionality by enabling or disabling it.
Include Font Awesome: Font Awesome is a font and icon toolkit which is based on CSS and LESS. The online store owner can include it by selecting the “yes” option from the drop-down list.
3.2 Account Settings
From here, the online merchant can set up the social login options. Admin can activate and set eight social login options from here.
3.2.1 Facebook
Status: The store merchant can show or hide Facebook login by enabling or disabling the settings from the OpenCart Social Login module admin interface.
Facebook App ID: Admin needs to enter the Facebook app ID and page ID in order to incorporate the Facebook login option.
Facebook App Secret: Here, the admin needs to enter Facebook App-Secret.
In Section 1, admin can view the steps to generate a Facebook app id and app secret.
3.2.2 Google
Status: Admin can enable or disable the Google login option from the admin interface of Social Login OpenCart module.
Google Client ID: The e-merchant needs to enter Google Client-ID here.
Google Client Secret: Here, the admin needs to enter Google Client-Secret.
In Section 2, admin can view the method of generating Google client ID and client secret.
3.2.3 LinkedIn
Status: The store merchant can enable or disable the LinkedIn Login option from here.
LinkedIn API key: The admin needs to set up the LinkedIn API key.
LinkedIn Secret Key: Here, the admin needs to enter the LinkedIn Secret Key.
In Section 3, the admin can view the method of generating LinkedIn API key and secret key.
3.2.4 Twitter
Status: Admin can Enable or Disable the Twitter login option.
Twitter API Key: The admin needs to set the Twitter API Key.
Twitter API Secret: Here, the admin needs to set an API secret.
In Section 4, the admin can view the method of generating Twitter API key and API secret.
3.2.5 Yahoo
Status: The store merchant can Enable or Disable the Yahoo Login option.
Yahoo Consumer Key: Here, admin can enter Yahoo Consumer key.
Yahoo Consumer Secret: The admin needs to set Yahoo Consumer Secret.
In Section 5, the admin can view the steps for generating Yahoo consumer key and consumer secret.
3.2.6 Amazon
Status: To Enable or Disable the Amazon Login.
Amazon Client ID: The admin needs to enter Amazon Client-ID.
Amazon Client Secret: Here, admin can enter Amazon Client-Secret.
In Section 6, the admin can view the method of generating Amazon client ID and client secret.
3.2.7 Instagram
Status: Admin can Enable or Disable the Instagram Login from the admin interface of this OpenCart Social Media Login extension.
Instagram Client ID: The admin can enter Instagram Client-ID here.
Instagram Client Secret: Here, the admin needs to enter Instagram Client-Secret.
In Section 7, the admin can view the method of generating an Instagram client ID and client secret.
3.2.8 Paypal
Enable/Disable: The online merchant can Enable or Disable the PayPal Login from the OpenCart Facebook Login extension admin interface.
Paypal Client ID: The admin needs to enter Paypal Client-ID.
Paypal Client Secret: Here, the admin needs to enter Paypal Client-Secret.
In Section 8, the admin can view the method of generating Paypal client ID and client secret.
1. Steps to Generate Facebook App details:
Go to the link https://developers.facebook.com/apps/ or you can directly click on the message available at Facebook configuration page which is “Click here to get Facebook App ID & App Secret”.
Click on Add a new App.
Enter the required Details.
After security check, go to settings>basic. Here you will get the App ID and App Secret.
Now enter the App Domain, privacy policy URL and save changes.
Now, go to the Status & Review tab from the left menu and make the Application Live.
2. Steps to get Google App details:
Go to Google Developers Console: https://console.developers.google.com/project
Now click API and Services-> Credentials from left menu.
Click Create New Client ID button from the right panel of the screen.
Fill the pop-up form with below details:
Application Type: Web Application.
Authorized JavaScriptorigins: Your store domain name. (https://www.example.com)
Authorized redirect URI: URI of SNSLogin redirect page.
(https:// www.example.com/index.php?route=kbsociallogin/redirect).
Now click Create Client ID button to get your Client ID and Client Secret Key for OpenCart Social Login.
3. Steps to get LinkedIn App details:
Go to https://www.linkedin.com/developers/apps
Click on Create App.
Fill the form to register a new application. The website URL must be your Store URL like https://www.example.com.
Click on the create app button.
In the auth section, the online merchant can view the app Id and secret as shown below:
4. Steps to get Twitter App details:
Go to https://dev.twitter.com/apps
Click Create New App button.
Enter the Application Details as follows:
1. Application Name: Name of your Application.
2. Description: 10 to 200 characters description of your application.
3. Website: Your store URL.
4. Callback URL: SNSLoginresirect page URL of your store.
(https:// www.example.com/index.php?route=kbsociallogin/redirect).
Now, Click Yes, I agree and then click Create your Twitter application.
Now, select the API Keys from the menu below your Application Name and copy your API Key and API Secret for OpenCart Social Login.
5. Steps to get Yahoo App details:
Go to Yahoo Developer Network (https://developer.apps.yahoo.com/projects).
Click Create a Project.
Fill the required details as per instructions. Home URL will be your Store URL.
Click Create Project button.
Copy your Consumer Key and Consumer Secret for OpenCart Social Login extension.
Go to Amazon Developer Network (https://login.amazon.com/manageApps).
Click on Sign in to App Console button.
After successful login to App Console click on Register new application button in the top right of the page and you will be redirected to the following page.
Enter the Application Details as follows:
Name: Name of your Application.
Description: Description of your application.
Privacy Notice URL: Url of privacy policy page of your store.
Logo Image: Select optional logo image of your store.
Click the Save button.
Now click on Web Settings to get your client id and secret for Social Login OpenCart module.
Allowed Return URL: SNSLogin redirects page URL of your store.
(https:// www.example.com/index.php?route=kbsociallogin/redirect)
Go to Paypal Developer Network (https://developer.paypal.com/webapps/developer/applications/myapps).
Click on Create App button.
Now enter the name of your Application and click Create App Button.
Set App return URL (live) as SNSLogin redirect page URL of your store.
(https:// www.example.com/index.php?route=kbsociallogin/redirect).
Copy and paste live credentials to admin panel of OpenCart Social Login extension.
3.3 Configure Modules
Here, the online merchant can set the social login icons on different pages and apply other related settings. Admin can add, delete and update different social login modules. The customization options are described below:
Steps to add a new module:
Module name: Admin can set the name of the social login module.
Title Status: The e-merchant can activate or deactivate this option to show or hide the module title.
Title: Admin can set the module title in different languages.
Layout: The e-merchant can select the layout from the drop-down list available at the admin interface of this OpenCart Facebook Login extension.
Button Layout: The e-merchant can select the button layout from the available options in the drop-down list.
Position: The online seller can select the position for showing social login options. The Social Login Options for OpenCart allows showing login options in the content top, content-bottom, content left and content right.
Sort Order: Admin can set the sort order for the social icons.
Status: The store merchant can activate or deactivate this module from the admin interface.
3.4 Configure Icons
The online store merchant can create layouts for social login icons. The OpenCart Twitter Login extension allows the store merchant to add, delete and edit the layout from the admin interface.
Button Layout name: Admin can set the button layout name from here.
Choose Logins: The store admin can select from the 8 social options which he wants to display in this layout.
Icon Types: Admin can set the icon type from here. The icon can be Small Circular, Small rectangular, small rounded, large rounded and large rectangular.
Hover Effect: Admin can set the hover effect from here. The Social Login OpenCart module can zoom, highlight and rotate the social login icons.
Alignment: The store merchant can set the alignment as horizontal or vertical.
Button Color: Admin can select the default button color or customize the button color for each icon from the Social Login OpenCart module admin interface.
3.5 Statistics
In this section, the online merchant can view the statistics of user registration and login. The admin can view the list for getting the details that how many customers login/registered from every social login option. The OpenCart Twitter Login extension also shows the total registration in the website using any social media options along with the name and email id details.
4.0 Front-End Interface
The online users can view the multiple social login options on the website pages. The admin can show different social login options on all the website pages if he wishes to do so.
The customers can log in/signup from any of the social login option available on the website page.
Home Page will display as below mentioned image while using large rectangular icon with zoom effect.
Large Rectangular Icon with Highlight Effect and Large Rectangular Icon with Highlight Effect, customized button color will look as below mentioned image.
Small circular icon with a rotating effect and small rectangular icon with highlight effect will be displayed as below mentioned image:
This way, the customers don’t need to login/register via a lengthy process. They just need to click on social login buttons and easily login/register.
For more details about this OpenCart Social Login extension, visit here:
