1. Start
  2. Installation
  3. Image size adjustment
  4. Slide show setup
  5. Banners setup
  6. Product display on slideshow
  7. Inner page slide show
  8. R.Gen Theme Features
  9. Blog Manager
  10. Language
  11. CSS Files
  12. JavaScript
  13. PSD Files
  14. Sources and Credits
  15. Theme support

R.Gen - OpenCart Modern Store Design

Compatible with: OpenCart – – 1.5.6

Thank you for purchasing my theme.

I'm happy to help you but before you contact, 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 help you should contact me via themeforest user contact form.

Theme Support Form Profile contact form

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!

Theme Installation

We recommend installing R.Gen - OpenCart Modern Store Design on a fresh copy of OpenCart or on existing setups with no custom modifications.
Theme does not replace any core OpenCart files. The installation is very easy, please follow these instructions below.

  1. First of all install default OpenCart. Find default OpenCart installation help from following links below
  2. Once OpenCart install and working perfect than install vQmod-OpenCart 2.3.1+ extension. Find link below to get vQmod extension
    NOTE: R.Gen - OpenCart Modern Store Design theme does not work without vQmod extension.

  3. Now extract theme package and choose right OpenCart version files. Copy all folders and replace on your site OpenCart folder.
  4. Go to Admin :: System > Settings and click on "Edit" link. Than click on "Store" tab
  5. Keep Layout selection default and than select "rgen-opencart" from Template drop down list
  6. Click on Image tab and set all appropriate image parameters given in Image size adjustment section of this documentation

Quick installation guide slide show













Image size adjustment

General Image size adjustment

We strongly recommended set all preferred image size parameters as display in below image

Other preferred image size parameters

Slide show image parameters
Slideshow - Window full size W: 2000 x H: 900
Slideshow - Boxed full size W: 1080 x H: 800
Slideshow - Window wide size W: 2000 x H: 600
Slideshow - Window wide size W: 2000 x H: 600
Slideshow - Medium size W: 1080 x H: 630
Slideshow - Normal size W: 940 x H: 500
Slideshow - Normal size with side column W: 700 x H: 400
Slideshow - Beside banners W: 680 x H: 520
Innerpage slideshow - with column W: 700 x H: 250
Innerpage slideshow - with out column W: 940 x H: 336
Banner image parameters
Banners - beside slideshow W: 250 x H: 167
Banners - 8 grid W: 108 x H: 150
Banners - 7 grid W: 125 x H: 160
Banners - 6 grid W: 149 x H: 149
Banners - 5 grid W: 180 x H: 180
Banners - 4 grid W: 226 x H: 180
Banners - 3 grid W: 307 x H: 205
Banners - 2 grid W: 465 x H: 180
Banners - 2 grid with column W: 345 x H: 180
Banners - Side column W: 200 x H: 272
Product module image parameters
Featured products
Latest products
Best sellers
Special offers
W: 194 x H: 260
Side column - Featured products
Side column - Latest products
Side column - Best sellers
Side column - Special offers
W: 84 x H: 113
Carousel – Manufacturers W: 80 x H: 80


Set image sizes

Image size are important to display all module proper in theme. Please refer image size table given above

Set image size in Featured, Bestsellers, Latest & Specials product modules as display in below image. 







Slide show setup















Banners setup















Product module on slideshow













Setup inner page slide shows

















R.Gen Theme Features

Important! Information about theme layout

  • RGen theme is two columns only, it does not support 3 column layout.
  • You can add modules (Bestsellers, Latest, Featured, Specials, etc.) in either right column or left column do not set modules in both columns otherwise theme layout distorted


After modifying theme you just need to modify theme icon colours to match your theme which you can modify very easily with the file sprites.psd which is included in PSD file source

After modifying icons export file with 24 bit PNG format into following path

Take backup of original file before overwrite the file & do not modify positions of the icons in file otherwise it will not display properly in theme because all positions are set in theme.css file


Overwrite the file when it ask for overwrite at the time of exporting

















Blog Manager

Popular extension Blog Manager developed by Echo Themes

Now a blog / article management available for Opencart! Blog Manager is an article, news, blog management natively built for Opencart. Show related product on article page or show related article to products page is easy to do. Share the same tags and search result for your blog and products.

We have added compatibility of blog manager extension in our theme. Follow below steps to add compatibility of Blog Manager Extension

  1. To enable Blog Manager compatibility with R.Gen - Opencart just copy "rgen_theme_blogmanager_frontend_support.xml" file
    from theme package folder => "FILES TO UPLOAD \ BLOG MANAGER SUPPORT VQMOD \"
    and paste it into your project folder => "/ vqmod / xml /"
IMPORTANT: This is an optional module and is not included with R.Gen - Opencart Modern Store Design. You will have to purchase it separately from Blog Manager website.

Recommend setting for Related Product Image Size 194 x 260.
You can set this size in Blog Manager > Settings > Articles > Related Product Image Size.

IMPORTANT: We don't offer technical support for Blog Manager. Support and documentation are available on its website.

















R.Gen Language variables

Follow below steps to add R.Gen language variables into other language


















CSS Files

Here is the list of css files that RGen OpenCart theme uses:

Path: catalog/view/theme/rgen-opencart/stylesheet/

The best practice for css customizations is always use custom CSS file option from R.Gen theme module. This will help you to easily transfer all the changes, when you upgrade Theme.


















This theme imports below javascripts

Path: upload/catalog/view/theme/rgen-opencart/js/

We strongly recommended do not modify any script 


PSD Files

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

















Sources and Credits

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

















Theme Support

Thanks for purchasing of our premium files!

Most importantly, please remember that theme support is not a requirement of Envato authors but is provided out of good will. We will do our best to answer all your questions as soon as possible but please be patient during busy periods. We provide a support within 48 to 72 working hours. In order to get help you should contact via themeforest user contact form. http://themeforest.net/user/R_GENESIS

Regretfully we cannot provide support for modifications or 3rd party plugins.

Before asking questions

Before asking questions please be sure that you have read the file documentation which came packaged with your download. The documentation covers installation and usage.

Scope of Support

We do not offer support for installation, customisation or administration of OpenCart itself, nor do we provide support for any 3rd party plugins or rectification of issues occurring from using 3rd party plugins. Support deals with the theme run as it should be (ie. like DEMO SITE), issues arising from using any of the packaged theme features and of course bug fixes. Please also note that we do not provide customisation services.

Thank you so much!


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!.
Please also provide your theme purchase code when drop us mail for support request.

Theme Support Form Profile contact form