1. Start
  2. Installation
  3. Import sample data
  4. Configuration
  5. Homepage modules
  6. Slider setup
  7. Mega menu setup
  8. Blog
  9. Image patch
  10. CSS Files and Structure
  11. JavaScript
  12. Theme rating


Opencart Theme


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 Venice


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/venice/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)



Nico custom products module


Slider setup

Slider image size from demo store is 1024 x 768

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


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 Venice 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 > Venice > css.


Theme javascript files are located in catalog/view/theme/venice/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

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