1. Start
  2. Introduction
  3. Main Features
  4. Uploading the theme to your server
  5. Activate eResponsive Theme
  6. Set images dimension
  7. Adjusting Modules
  8. How to Setup Mailchimp/CampaignMonitor
  9. Sources and Credits

eResponsive - Theme Documentation

Premium OpenCart Responsive Theme

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to contact me. Thanks so much!


eResponsive is a modern Premium OpenCart theme that fits to any type of bussines (Clothes, Watches, Shoes, Furniture,etc.). It's main feature is a clean and attractive design which sells everywhere. eResponsive is a responsive theme that allows your store to sell even on mobile devices like iPad,iPhone, Android mobile, & others!

It's built with fast set-up back-end administration module in mind that will allow you to set up your theme in less than 5 minutes! It's extensive use of the powerfull jQuery javascript framework it delivers the ultimate web store experience that every customer likes. Build on top of the Twitter Bootstrap Framework , eResponsive have a powerfull user interface , compatible with all major browsers , giving you the ability to create the web store you want.

Main Features

Uploading the theme to your server

It's very simple to get the template running. Open the folder you have unzipped to your favorite location. You will find the exact folder structure inside:

Please save your opencart files at this point or make a backup before trying to install upload the contents of folder OpenCart 1.5.*.* to your server location - location of OpenCart software with your favorite FTP software.

If you do not have the FTP Client software, you can get one here free: http://filezilla-project.orgAfter you unzip the downloaded file, you will notice exact structure of the folders inside the main unzipped folder. To install on the fly all you have to do is to drag the selected folders on the image bellow in your opencart root directory. If a FTP software asks about file rewrite, just hit OK.

Activate eResponsive Theme

Login into admin section of your site (e.g. www.yourdomain.com/admin)

Set images dimension

You can update the product image dimension for across the website very easy:

Adjusting Modules

Modules can be adjusted as you wish, but for the first time I recommend that you set them up like I did to achieve the same visual effect as in your demo preview on ThemeForest. In the top navigation menu select Extensions > Modules. Modules specified must be install (to install click Install on the right next to the module).

We currently provide two custom modules , one is eResponsive Theme CP where you can setup social links and one is Mailchimp/CampaignMonitor where you can setup the settings for email subscription.

eResponsive Theme CP

In order to be able to setup social links and info in footer section you need to install 'eResponsive Theme CP' module.




How to Setup Mailchimp/CampaignMonitor

First Steps

First you have to install the module and setup some informations:

  1. edit Mailchimp/CampaignMonitor module and fill the form there; is well documented and intuitive to modify (please see image below)

  2. open the 'common.js' file within the 'javascript' folder from eresponsive theme directory for client side options
    var params = {
        texts: {
            emailstatus: 'enter your email to subscribe',
            emailinvalid: 'oops, it seems your email address is not valid!',
            emailok: 'ok, your email looks fine, click submit!',
            emailwait: 'please wait...',
            emailadded: "thanks, we got you! we will email you on launch",
            emailaddfail: "oops, it seems there is something wrong! please try again later!",

How to get subscribers in a Mailchimp list

The template is prepared for Mailchimp lists. All you have to do is to set some login information:

  1. Login or create a Mailchimp account
  2. get an API key
  3. copy and paste the key into 'Mailchimp/CampaignMonitor' module
  4. now go back to Mailchimp and choose or create a list where the subscribers should get listed
  5. Go to 'settings' › 'list settings and unique id'
  6. Grab the 'unique id' at the bottom of the page
  7. paste it into the 'Mailchimp/CampaignMonitor' module
  8. activate Mailchimp

How to get subscribers in a CampaignMonitor list

The template is prepared for CampaignMonitor lists. All you have to do is to set some login information:

  1. Login or create a Campaingmonitor account
  2. Got 'Account Settings' and grab your API key at the bottom
  3. paste the key into 'Mailchimp/CampaignMonitor' module
  4. now go back to CampaignMonitor and got to 'Clients' and select your first client in the List (you)
  5. Go to 'Lists & Subscribers' and create or edit a list
  6. Go to 'change name/type' and copy the 'API Subscriber List ID' at the bottom
  7. paste it into the 'Mailchimp/CampaignMonitor' module
  8. activate CampaignMonitor

Saving emails within a CSV

  1. open 'Mailchimp/CampaignMonitor' module
  2. select 'Yes' for 'Should a csv file be generated? '
  3. choose a unique name for the csv file (field 5 in General Settings)

Sources and Credits

I've used the following images, icons or other files as listed.

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.

eResponsive Team