1. Start
  2. Installation
  3. Admin Options
  4. Image Settings
  5. Layouts
  6. Featured, Latest, Bestseller, Specials Modules
  7. Banner Module
  8. Slideshow Module
  9. Fonts Settings
  10. Support


Premium Opencart Theme

Villa is 100% Responsive Opencart theme e-commerce theme created to suit all customers needs and all types of products. Also we challenge with this theme as it will satisfy all your needs. Created by latest techniques of Html5 / CSS3, 960 Grid System, and well commented and organized codes with powerful theme options to change every every thing on theme.


Apply any replacement during transfering files and please follow our instructions carefully ...

  1. You will find this folders in FILES_TO_UPLOAD folder:
  1. Choose any of your opencart themes you have and choose the same version from FILES_TO_UPLOAD folder.
  2. Open your ftp programme (File Zilla) recommended.
  3. Open One of our versions. You will find 3 folders (admin - catalog - image) and your pre installed store in remote window as shown. 

  4. Open from FILES_TO_UPLOAD in local window ( admin --> controller --> module --> villa.php ) and add it in the same path in your remote site.
  5. Repeat this step in all other admin folders ( language and view ) note: you will be asked to replace files during installation process accept that.
  6. The same steps will be done in catalog folder and accept any replacement.
  7. In Image folder just replace templates folder.
  8. After adding all theme files so you finished.


Activate theme :

After your replacement process go to your online store and go to your administration choose

System ---> settings ---> Store ---> Template: Villa

and click  ----- save


Admin Options

After installing Villa theme you must activate theme options from admin panel

Go to Extensions ---> modules 

and install Villa theme options module

Theme options created to be very easy to understand with most powerful options to cahnge villa theme as you want with any product.

It supported with :

  1. color picker.
  2. default patterns.
  3. custom patterns.
  4. custom image background.
  5. Unlimited Google Fonts.
  6. Custom footer options.

Image Settings

After installing Villa theme correctly you should apply images settings

just follow this steps :

From System --->> Settings --->> Image

Enter dimensions values as shown :


Villa created to be 1, 2 or 3 columns as you want just activate any module on any column or in both right and left column to have 3 columns layout.

Slideshow Module

First Choose your grid_? from Villa theme options :

Add your image banner from system > design > banners

Go to Extensions > modules > slideshow and add the width of grid_? that you choose from Lagon theme options

To get the best resolution add the images with the same width and height values that you will set it on admin banner module or slideshow module width and height values.

Fonts Settings

When go to Villa theme options and activate it you can now access to font management :

How to add fonts from google fonts site ?

  1. Go to this site : http://www.google.com/webfonts
  2. Choose your favourite font and click on Quick-use link of font.
  3. You will be redirected to font page details.
  4. Go to the down of the page to get the font family name and font link name :