Cupid - R.Gen OpenCart Store Template

Compatible with: OpenCart 1.5.2.x / 1.5.3.x / 1.5.4.x

• By: R.Genesis.Art

Thank you for purchasing my theme.

I'm happy to help you but before you contact me, please make sure that you followed the whole specification very carefully, because it cover whole process to install theme.

I provide a support within 48 - 72 working hours. In order to get my help you should contact me via themeforest user contact form.

Contact via themeforest user form: http://themeforest.net/user/R_GENESIS

Please note that we will only provide the support if you contact us via themeforest contact form. This is the only way we can verify you as our customer!

Installation

Cupid - R.Gen OpenCart Store Template is very easy to setup just follow these steps

Before you install our template, make sure you have installed and running the correct version of OpenCart.

Slide show & Small banners for home page

Image size adjustment

We strongly recommended set all preferred image size parameters as display below
Image size are important to display all module proper in theme.

R.Gen Theme Features

RGen Theme Module provides many configuration options, Read carefully the descriptions and instructions below to manage theme easily.

Important! Information about theme layout

CSS Structure

Here is the list of css files that Cupid - R.Gen OpenCart Store Template uses:

• normalize.min.css

  Normalize.css by http://necolas.github.com/normalize.css/
  Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.
  \catalog\view\theme\rgen-cupid\stylesheet\normalize.min.css
  

• stylesheet.css

  Main core stylesheet where whole theme is defined
  The best practice for css customizations is to always put new styles at the bottom of the main stylesheet or you can add your own css file by R.Gen Theme module Add your own CSS file section
  \catalog\view\theme\rgen-cupid\stylesheet\stylesheet.css
  

• store_home.css

  Home page custom structure stylesheet
  \catalog\view\theme\rgen-cupid\stylesheet\store_home.css
  

• flexslider.css

  Slide show stylesheet
  \catalog\view\theme\rgen-cupid\stylesheet\flexslider.css
  

• scrollpane.css

  General scroll stylesheet which use in various places like featured, bestseller, latest & special offer products etc.
  \catalog\view\theme\rgen-cupid\stylesheet\scrollpane.css
  

• carousel.css

  Manufacturer logo slider stylesheet
  \catalog\view\theme\rgen-cupid\stylesheet\carousel.css
  

• cloud-zoom.css

  Image zoom stylesheet which used in product details page main image zoom functionality
  \catalog\view\theme\rgen-cupid\stylesheet\cloud-zoom.css
  

• bootstrap-tooltip.css

  Tooltip stylesheet which is used on various button links in theme
  \catalog\view\theme\rgen-cupid\stylesheet\bootstrap-tooltip.css
  

• fb.css

  Facebook fan list display stylesheet in custom footer at bottom the theme
  \catalog\view\theme\rgen-cupid\stylesheet\fb.css
  

JavaScript

This theme imports below javascripts

• common.js – The file contains all OpenCart theme scripts and is not recommended to be modified.
• jquery.flexslider-min.js – Slide show javascript
• jquery.jscrollpane.min.js – This file use in all product module sliders & othre palces to set custom scroll bars
• jquery.mousewheel.js – This file use to set mouse wheel event on scroll bars
• cloud-zoom.1.0.2.min.js – This file use in product details page to magnifying product image on mouse roll over
• jquery.easing.js – A jQuery plugin from GSGD to give advanced easing options.
• jquery.tools.min.js – This file use in product page additional image scroller
• modernizr-2.6.1-respond-1.1.0.min.js – Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
• bootstrap.min.js – Tooltip js which is use in various places on buttons and links
• info-layout1.js / info-layout2.js – This is use in product page to set custom layout option and is not recommended to be modified.
• script.js – This is theme js to set various theme options and is not recommended to be modified.

There are few other javascript files as well which are default included by OpenCart source you can find all javascript from below path

• Default javascripts => /catalog/view/javascript/
• Cupid - R.Gen theme javascripts => /catalog/view/theme/rgen-cupid/js/

We strongly recommended do not modify any script 

PSD Files

The template comes with 8 customizable layered PSD with one sprites PSD from you can modify icons of the theme very easily

• 01_home.psd
• 02_home.psd
• 03_home.psd
• 04_category-listview.psd
• 05_category.psd
• 06_productdetail.psd
• 07_productdetail.psd
• sprites.psd

Sources and Credits

We have used the following images & other files as listed.

• flexslider plugin from 
  http://www.woothemes.com/flexslider/
• Cloudzoom - a jQuery image zoom plugin from
  http://www.professorcloud.com/mainsite/cloud-zoom.htm/
• jScrollpane – jQuery custom scrollbar plugin from
  http://jscrollpane.kelvinluck.com/
• jquery.tools.min.js – jQuery scrollbar plugin from
  http://jquerytools.org/demos/scrollable/index.html
• modernizr-2.6.1-respond-1.1.0.min.js – plugin from
  http://html5boilerplate.com/ and http://modernizr.com/
• bootstrap.min.js – plugin from
  http://twitter.github.com/bootstrap/
• jquery.easing.js – plugin from
  http://gsgd.co.uk/sandbox/jquery/easing/
• Images by
  http://depositphotos.com
  http://photodune.net/
  http://www.sxc.hu/
• Google fonts

Theme Support

Thank you for purchasing my theme.

I'm happy to help you but before you contact me, please make sure that you followed the whole specification very carefully, because it cover whole process to install theme.

I provide a support within 48 working hours. In order to get my help you should contact me via themeforest user contact form.

Contact via themeforest user form: http://themeforest.net/user/R_GENESIS

Please note that we will only provide the support if you contact us via themeforest contact form. This is the only way we can verify you as our customer!