How to install modules in OpenCart?

We will show you in this tutorial how to install extra modules for your OpenCart website. There are modules which will add extra functions to your store such as the ones you could find here. When you have the distribution archive files of the new module downloaded you can extract them on your local computer. There should be a new folder created under which you will have all the web scripts located.

The next step is to upload the installation files under your hosting account. Most of the modules will come with two directories in the archive – catalog and admin – you should upload these under the public_html folder of your hosting account. For the files upload you could use a FTP client of your choice. You could find instructions on how to do that on the following link.

The tutorial above is applicable if your store is accessible via If you have the store accessible via the module folders should be uploaded under the public_html/store/.

The module upload is now completed and we will proceed with the final step of the installation. You should login to your store admin back-end now from:

If you have completed the installation under a subfolder “store” for an example the above URL will change to:

After the admin back-end is completely rendered navigate to the Extensions Modules tab:

Here your new module should be showing as “Disabled”.  In order to activate it click on the “Install” link located under the “Action” section. We have installed “Google Translate Widget” on our OpenCart demo environment. After the installation is completed, which takes a few seconds normally, you may proceed with the configuration of the new module. Instead of the Install button you should now see “Edit | Uninsall” and the one you need to click at is “Edit". After you click on that link the module configuration page will load:

The configuration page on most of modules is similar or identical. The first one is the position on which the module will load on the front-end. The second drop down menu is for setting the module to enabled/disabled. We will change that to “Enabled” as by default after the installation the module is disabled in order to allow you to configure it before applying it on the front-end. The last option here is the sorting order. You may check on the main Modules page which was mentioned above in this tutorial the sort orders for the rest of the modules installed. Depending on the Sort order and the position you selected the new module functions should appear on your front-end of the store under the location you placed it. In our case the Google Translator Widget is loading the following new box:

on the left section of the page.