Moda - Responsive Opencart Theme - 20script

# Moda

## Opencart Theme

- By: nicole_89

### Installation

Unzip the contents of the archive and upload the folders called admin, catalog, image and system to the root folder of your opencart store.
You will know if you selected the root folder of your opencart store if you already see two folders named admin and catalog there like in the picture below

To use the theme after upload go to admin > settings > edit > store > template and choose Moda

#### Opencart 1 Install

#### Opencart 2 Install

### Import sample data

The sample data tool will import product images and module configuration from my demo stores making your freshly installed theme look identical to the demo store with just one click

You can access import tool from customize theme button located at the bottom of your store front end, customize theme button is enabled only after opencart admin login.

The tool requires theme purchase code, you can find the purchase code in your license certificate in your account

After the import is done you need to manually set module permission for your opencart user group, you can do this from opencart admin > system > users > users groups > module/nico*

Note: If you use the import tool then the following theme configuration steps are no longer necessary, the import tool will configure all your modules and product image size automatically

### Theme configuration

After upload make sure that the files settings.inc and editor_settings.css located in catalog/view/theme/moda/nico_theme_editor are writable by php, if unsure you can set 766 permission flag

### Set your image settings

Go to system / settings/ image and make sure that you use the values given below:

### Homepage modules

Also, set this image size settings to any modules you want to display on the homepage (such as Featured, Lates, Bestsellers etc)

## Featured/Latest

## Nico custom products module

### Slider setup

Slider image size from demo store is 1024 x 550

### Megamenu setup

By default no menu is visible without megamenu configuration, in order to add a menu you need to add megamenu for layout = all pages and position = menu like in the image below

### Grid module setup

Grid module has a visual configuration interface and can be set up by drag and droping grid boxes

### Blog

To use the blog features on your store you need to install the free pav blog module, the installation instructions are included in the blog package.

### Image patch

By default opencart adds a white band to images if the aspect ratio is different than image size set in the admin,

if you don't want the white padding you can either install http://www.opencart.com/index.php?route=extension/extension/info&extension_id=7985 or you can patch opencart using the patch included in the download package.

To patch opencart choose the right folder for the opencart version you are using in image patch folder from the zip archive and upload the two folders catalog and system to the root opencart folder like in the image below

### CSS Files and Structure

The list of css files that Moda theme uses:

1. bootstrap.css
2. bootstrap.min.css
3. bootstrap-select.css
4. bootstrap-select.min.css
5. bootstrap-theme.css
6. bootstrap-theme.min.css
7. camera.css
8. cloud-zoom.css
9. default.css
10. flexslider.css
11. nivo-slider.css
12. style.css

You can find all stylesheets inside catalog > view > theme > Moda > css.

### JavaScript

Theme javascript files are located in catalog/view/theme/moda/js

1. bootstrap.js
2. bootstrap.min.js
3. bootstrap-select.js
4. bootstrap-select.min.js
5. camera.js
6. camera.min.js
7. cloud-zoom.1.0.3.js
8. cloud-zoom.css
9. jquery-1.10.2.min.js
10. jquery.autocomplete.js
11. jquery.easing.1.3.js
12. jquery.flexslider.js
13. jquery.flexslider-min.js
14. jquery.mobile.customized.min.js
15. main.js

- This theme uses jQuery library 1.10.2

For further information about using OpenCart features, you can check opencart documentation and opencart screencasts

### If you like the theme please don't forget to rate it.
Thank you

<