Verito demo1- Premium Responsive OpenCart Theme

The following Documentation will help you better understand theme settings and configuration options.

Theme Features

  •   Verito - Premium Responsive OpenCart 2.3.0.2 theme with stylish design and powerful backend.
  •   Verito is a premium responsive OpenCart theme which is fully customizable and suitable for any kind of OpenCart store on any device.
  •   Verito OpenCart theme is perfect for all creative stores to showcase products, art, photos or other inspiring content.
  •   This theme is a multi-purpose responsive theme which can be highly customized and tailored for any heavy OpenCart store.
  •   Clean and modern theme design allows you to use this theme for every kind of online shop.
  •   Unlimited theme colors, with multiple Addons included with modern design, powerful backend and it’s created with using the latest HTML5 and CSS3 features.
  •   Fully Responsive
  •   Easy To Customize
  •   Bootstrap framework
  •   Wishlist
  •   Clean, professional design
  •   Customizable slider on homepage
  •   Hot Deals module
  •   Latest products by category slider
  •   Best seller products slider
  •   Featured products slider
  •   Special products slider
  •   Product image slider
  •   Unique blog
  •   Newsletter Popup module
  •   Newsletter signup module
  •   Quick View
  •   Adjustable color settings
  •   Compatible with all major modern browsers
  •   Well documented for easy setup and customization
  •   Currency switcher
  •   Please, don't forget to leave a star rating for this theme! Go to "Downloads" tab in your ThemeForest account ( http://themeforest.net/user/YOUR-LOGIN/downloads - change YOUR-LOGIN to your nickname), find this theme and click to rate! This helps us in making future theme updates and new features!

Installing The Theme

To understand the basic features of OpenCart, you should read OpenCart documentation.If you are using Windows based (XAMP/MAMP/Other) hosting/server be sure that PHP settings "short_open_tag" is set to ON. Contact your hosting provider if you don't know how to set this PHP value, before installing theme. If your short_open_tag = OFF you will get error "unexpecting end of file" after theme installation on Windows based server.

1 Installation

  • a ) First of all install 2.3.0.2 official OpenCart version from Open Cart website. If you have older OpenCart update it to 2.3.0.2.
  • b ) After installing default OpenCart, install Override Engine
  • c ) After installing both default OpenCart and Override Engine, you need to install downloaded theme.
    • Open folder UPLOAD from purchased archive and upload all content inside it (folders catalog, admin and override) to your installed OpenCart directory
      theme_install
    • You can drag and drop the admin, catalog and override folders into your site using your favorite FTP client (If you don’t have one, we recommend Filezilla)
    • Don't worry - no core files will be replaced, all your old modules and themes will works as always.
    • If you are Mac OS user we strongly recommend to use FileZilla client for theme upload, because MacOS finder can replace folders with files incorrect!
    • Summary : You have installed official OpenCart version + override engine of respective version + purchased theme zip.
    • For more information please have look over video - OpenCart theme installation
  • d )Quick-start package :
    • If you are creating brand new store (i.e not updating old one), you can install quick-start package.
    • This package will provide dummy data (exaclty like demo site) which will be a quick-start for your store.
    • If you are using quick-start package, then there is no need to install above three things (official OpenCart version, override engine of respective version and purchased theme zip) as quick-start package is combination of
    • official OpenCart version + override engine of respective version + purchased theme zip + dummy data like demo site.
    • This package is available in downloaded theme zip.
    • Video tutorial - How to install quick-start package of OpenCart theme
  • e )This theme support localization for multi language store for custom theme items and titles. You will need to copy file all files from language/english/ folder from archive UPLOAD folder to ALL language folders (language/YOUR_LANGUAGE_NAME/) that you have in your OpenCart installation. You need to translate files (present in language/english/ folder) for any language that you have with text editor.
  • f )Go to your OpenCart admin panel > Extensions > Extensions >Choose Extension type asThemes > Edit your store and choose veritodemo1 ( or veritodemo2 ) for "Theme Directory" option. This action will activate your new theme.
    set_template

2General Settings

  • a )Go to your OpenCart admin panel Extensions > Extensions > Choose Extension type as Themes > Edit your store, to open Image settings. Setup this image sizes :
    set_size
  • Note : We recommend you to use 700x850 px image size (or other size proportional to this size) for your product photos for better performance . In your OpenCart admin panel > Extensions > Extensions > Choose Extension type as Modules. In ANY module with product display (Featured, Bestsellers etc) that you want to use now or later you must set correct image size (700x850 or proportional to it) for product display
  • b )Go to your OpenCart admin panel > Extensions > Extensions > Choose Extension type as Themes > Edit your store and set Default item per page value to 15:
    item_per_page

3 Overview of modules

  • a )In your OpenCart admin go to Extensions > Extensions > Choose Extension type as Modules, you will see the following modules. You need to install them by clicking green (install button) button near to module name. Detailed information about these modules is provided in rest of document.
    all_modules
  • b )In your OpenCart admin go to Extensions > Extensions > Choose Extension type as Modules and click Edit near to "Magik Verito Admin Theme Settings" module. You will open Theme Setting Panel. Click "Save settings" button first time, because you use this module firstly. Now module is setuped to work with Theme, but you need to configure some features that you need in this Theme Setting Panel. Use top tabs to access all theme features settings and setup what you want.
    magik_theme_setting

Theme Configuration

1Header Settings

The following block identifiers can be used to display blocks in the header section of the store:

header_setting
  • 1 )Language block Module
  • 2 )Currency block Module
  • 3 )OpenCart default links on header
  • 4 )Logo : Login your admin panel and go to System > Settings > Edit > Image tab > Add/Edit logo.
  • 5 )OpenCart default search on header
  • 6 )OpenCart default menu on header
  • 7 )Custom Block Inside Menu :
    • I)In your OpenCart admin go to Extensions > Extensions > Choose Extension type as Modules and click Install near to Custom Menu Content module.
    • II)Go to Extensions > Modules > Custom Menu Content (click Edit button at the right).
    • III)This module allow you to add any html blocks to any menu top categories.
    • IV)Click Add module button at the left. Choose category for Category option, choose position for Position option and Enable for Status option.Add custom html Content in Block Content area.
    • For example,as in our demo,
      1) We have choosed Category Living Room and placed below contents inside Bottom Block Content.

      (a) For Bottom Block Content: <div class="push_item"> <div class="push_img"> <a href="#"><img src="catalog/view/theme/veritodemo1/image/menu-banner1.png" alt="sunglass"> </a> </div> </div> <div class="push_item push_item_last"> <div class="push_img"> <a href="#"><img src="catalog/view/theme/veritodemo1/image/menu-banner2.png" alt="shoes"> </a> </div> </div>
      You can simply copy paste this code as menu custom content. Images can be changed by replacing our images from folder catalog/view/theme/veritodemo1/image or respective folder. And Click on button Save.
      Refer image :


      2) We have choosed Category Dinning & Bar and placed below contents inside Right Block Content.

      (a) For Right Block Content: <a title="" href="#"><img alt="menu_image" src="catalog/view/theme/veritodemo1/image/menu-shoes.png"> </a>
      You can simply copy paste this code as menu custom content. Images can be changed by replacing our images from folder catalog/view/theme/veritodemo1/image or respective folder. And Click on button Save.
      Refer image :


      3) We have choosed Category Kitchen and placed below contents inside Right Block Content.

      (a) For Right Block Content: <a title="" href="#"><img src="catalog/view/theme/veritodemo1/image/menu-furniutre.png" alt="Furniture"></a>
      You can simply copy paste this code as menu custom content. Images can be changed by replacing our images from folder catalog/view/theme/veritodemo1/image or respective folder. And Click on button Save.
      Refer image :


  • 8 )Menubar custom block on header :
    • I) Go to Magik Verito Admin Theme Settings > General tab > MENUBAR CUSTOM BLOCK.
    • II)Choose "Enable" for Enable custom block .
    • III)Put some "Title" for Block title.
    • IV)Click Code View button </> in Content area visual editor to switch editor to HTML mode.
    • V) Copy and paste code below to Block Content textarea for Menubar Custom Block Content And Click on button Save Settings. <div class="grid12-3"> <h4 class="heading">48 Hours Only!</h4> <p>Our designed to deliver almost everything you want to do online.</p> <div><img src="catalog/view/theme/veritodemo1/image/custom-img1.jpg" alt="custom-image"> </div> </div> <div class="grid12-3"> <h4 class="heading">Flat 20% on Men</h4> <p>Responsive design is a Web design to provide an optimal navigation.</p> <div><img src="catalog/view/theme/veritodemo1/image/custom-img2.jpg" alt="custom-image"> </div> </div> <div class="grid12-3"> <h4 class="heading">Hot Collection!</h4> <p>Our font delivery service is built upon a reliable, global network of servers.</p> <div><img src="catalog/view/theme/veritodemo1/image/custom-img3.jpg" alt="custom-image"> </div> </div> <div class="grid12-3"> <h4 class="heading">New Arrivals!</h4> <p>Smart Product Grid is uses maximum available width of the screen.</p> <div><img src="catalog/view/theme/veritodemo1/image/custom-img4.jpg" alt="custom-image"> </div> </div>
  • 9 )Cart block Module
    cart_block

2Home Slider setup

Magik Slider Module is used to display slider section on home page

slider_setting
  • 1 ) Go to Extensions > Extensions > Choose Extension type as Modules > Slideshow and delete/disable all your existing sliders in this module (or just Uninstall this module). If you used some other sliders module (for example Flexslider module) disable it too.
  • 2 )Go to Extensions > Extensions > Choose Extension type as Modules > Magik Slider (Install it if it is not installed.click Edit button at the right). This module allow you to add slider images with description.
  • 3 )Enter Module Name as magikslider (put any name to recognize it).
  • 4 )Make Status as Enabled & set up the Height, Width, Title, Link, Image, Description as shown in the screenshot below
  • 5 )You should see something like this now:
    magikslider1
  • In demo we have put Description as bellow :
  • For slide 1 : <div class='tp-caption ExtraLargeTitle sft tp-resizeme ' data-endspeed='500' data-speed='500' data-start='80' data-easing='Linear.easeNone' data-splitin='none' data-splitout='none' data-elementdelay='0.1' data-endelementdelay='0.1' style='z-index:2;max-width:auto;max-height:auto;white-space:nowrap;'><span>Modern Design</span> </div> <div class='tp-caption LargeTitle sfl tp-resizeme ' data-endspeed='500' data-speed='500' data-start='1300' data-easing='Linear.easeNone' data-splitin='none' data-splitout='none' data-elementdelay='0.1' data-endelementdelay='0.1' style='z-index:3;max-width:auto;max-height:auto;white-space:nowrap;'><span>Season Sale</span> </div> <div class='tp-caption Title sft tp-resizeme ' data-endspeed='500' data-speed='500' data-start='1450' data-easing='Power2.easeInOut' data-splitin='none' data-splitout='none' data-elementdelay='0.1' data-endelementdelay='0.1' style='z-index:4;max-width:auto;max-height:auto;white-space:nowrap;'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> <div class='tp-caption sfb tp-resizeme ' data-endspeed='500' data-speed='500' data-start='1500' data-easing='Linear.easeNone' data-splitin='none' data-splitout='none' data-elementdelay='0.1' data-endelementdelay='0.1' style='z-index:4;max-width:auto;max-height:auto;white-space:nowrap;'><a href='#' class="buy-btn">Shop Now</a> </div>
  • For slide 2 : <div class='tp-caption ExtraLargeTitle sft slide2 tp-resizeme ' data-endspeed='500' data-speed='500' data-start='1100' data-easing='Linear.easeNone' data-splitin='none' data-splitout='none' data-elementdelay='0.1' data-endelementdelay='0.1' style='z-index:2;max-width:auto;max-height:auto;white-space:nowrap;padding-right:0px'><span>Mega Sale</span> </div> <div class='tp-caption LargeTitle sfl tp-resizeme ' data-endspeed='500' data-speed='500' data-start='1300' data-easing='Linear.easeNone' data-splitin='none' data-splitout='none' data-elementdelay='0.1' data-endelementdelay='0.1' style='z-index:3;max-width:auto;max-height:auto;white-space:nowrap;'>Go Lightly</div> <div class='tp-caption Title sft tp-resizeme ' data-endspeed='500' data-speed='500' data-start='1500' data-easing='Power2.easeInOut' data-splitin='none' data-splitout='none' data-elementdelay='0.1' data-endelementdelay='0.1' style='z-index:4;max-width:auto;max-height:auto;white-space:nowrap;'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> <div class='tp-caption sfb tp-resizeme ' data-endspeed='500' data-speed='500' data-start='1500' data-easing='Linear.easeNone' data-splitin='none' data-splitout='none' data-elementdelay='0.1' data-endelementdelay='0.1' style='z-index:4;max-width:auto;max-height:auto;white-space:nowrap;'><a href='#' class="buy-btn">Buy Now</a> </div>
  • 6 )If you have different languages on your site, then you need put description for every language.
  • 7 )Click Save button.
  • 8 )Now Go to Design > Layouts and edit Home layout.
  • 9 )Remove all pre-installed modules from the layout.
  • 10 )In position Slider Left , click on Add Module button at right corner.
  • 11 )Choose Magik Slider > magikslider.
  • 12 )You should see something like this now:
    magikslider2 Click image to zoom
  • 13 ) Click on save button.

3Home Page Content Block

The following block identifiers can be used to display content section of the store home page:

home_page
  • 1 )HeaderFeature box :
    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > HTML Content (click Edit button at the right). This module allow you to add any html blocks to any shop pages to any position. You can create your own blocks in this module too.
    • 2 )Enter Module Name as header-feature-box (put any name to recognize it).
    • 3 )Click Code View button </> in Content area visual editor to switch editor to HTML mode.
    • 4 )Copy and paste code below to Content textarea in admin panel: <div class="our-features-box home_feature"> <div class="container"> <div class="row"> <div class="col-md-3 col-xs-12 col-sm-6"> <div class="feature-box first"> <span class="fa fa-truck"></span> <div class="content"> <h3>FREE SHIPPING WORLDWIDE</h3> </div> </div> </div> <div class="col-md-3 col-xs-12 col-sm-6"> <div class="feature-box"> <span class="fa fa-headphones"></span> <div class="content"> <h3>24X7 CUSTOMER SUPPORT</h3> </div> </div> </div> <div class="col-md-3 col-xs-12 col-sm-6"> <div class="feature-box"> <span class="fa fa-share"></span> <div class="content"> <h3>RETURNS AND EXCHANGE</h3> </div> </div> </div> <div class="col-md-3 col-xs-12 col-sm-6"> <div class="feature-box last"> <span class="fa fa-phone"></span> <div class="content"> <h3>Hotline +(408) 394-7557</h3> </div> </div> </div> </div> </div> </div>
    • 5 )Make Status as Enabled
    • 6 )You should see something like this now:
      home_block1_1
    • 7 )Click Code View button </> in Content area visual editor.
    • 8 )If you have different languages on your site you should repeat this steps for every language tab.
    • 9 )Click Save button.
    • 10 )Now Go to Design > Layouts and edit Home layout
    • 11 )In position Content Top, click on Add Module button at right corner.
    • 12 )Choose HTML Content > header-feature-box.
    • 13 )You should see something like this now:
      home_block1_2Click image to zoom
    • 14 )Click on save button.
  • 2 )Home banner section :
    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > HTML Content (click Edit button at the right). This module allow you to add any html blocks to any shop pages to any position. You can create your own blocks in this module too.
    • 2 )Enter Module Name as home-banner (put any name to recognize it).
    • 3 )Click Code View button </> in Content area visual editor to switch editor to HTML mode.
    • 4 )Copy and paste code below to Content textarea in admin panel: <div class="home-banner"><img src="catalog/view/theme/veritodemo1/image/ad-img3.jpg"></div> <div class="home-rgt-banner"> <div class="ad-img"><img src="catalog/view/theme/veritodemo1/image/ad-img1.jpg"></div> <div class="ad-content"><b>Sale up to 20% Off</b> Lorem ipsum dolor sit amet, consectetur. </div> </div> <div class="home-rgt-banner green-bg"> <div class="ad-content"><b>Spring Collection</b> Lorem ipsum dolor sit amet, consectetur. </div> <div class="ad-img"><img src="catalog/view/theme/veritodemo1/image/ad-img2.jpg"></div> </div>
    • 5 )Make Status as Enabled
    • 6 )You should see something like this now:
      home_block1_1
    • 7 )Click Code View button </> in Content area visual editor.
    • 8 )If you have different languages on your site you should repeat this steps for every language tab.
    • 9 )Click Save button.
    • 10 )Now Go to Design > Layouts and edit Home layout
    • 11 )In position Slider Right, click on Add Module button at right corner.
    • 12 )Choose HTML Content > home-banner.
    • 13 )You should see something like this now:
      home_block1_2Click image to zoom
    • 14 )Click on save button.
  • 3 )Bestsellers :
  • In your Open Cart admin go to Extensions > Extensions > Choose Extension type as Modules and click Install near to "Magik Bestsellers" module
    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Magik Bestsellers (click Edit button at the right).
    • 2 )Enter Module Name as bestseller-products (put any name to recognize it). Give limit, height, width as in following image.
    • 4 )Make Status as Enabled
    • 5 )You should see something like this now:
      home_block3_1
    • 6 )Click Save button.
    • 7 )Now Go to Design > Layouts and edit Home layout
    • 8 )In position Middle, click on Add Module button at right corner.
    • 9 )Choose Magik Bestsellers > bestseller-products.
    • 10 )You should see something like this now:
      home_block3_2Click image to zoom
    • 11 )Click on save button.
    • Note : Bestseller module will be visible after user buys product.
  • 4 )Special Products :
  • In your Open Cart admin go to Extensions > Extensions > Choose Extension type as Modules and click Install near to "Specials" module
    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Specials (click Edit button at the right).
    • 2 )Enter Module Name as specialproducts (put any name to recognize it). Give limit, height, width as in following image.
    • 4 )Make Status as Enabled
    • 5 )You should see something like this now:
      home_block4_1
    • 6 )Click Save button.
    • 7 )Now Go to Design > Layouts and edit Home layout
    • 8 )In position Middle Left, click on Add Module button at right corner.
    • 9 )Choose Specials > specialproducts.
    • 10 )You should see something like this now:
      home_block4_2Click image to zoom
    • 11 )Click on save button.
  • 5 )Magik Hot Deals :
  • In your Open Cart admin go to Extensions > Extensions > Choose Extension type as Modules and click Install near to "Magik Hot Deals" module
    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Magik Hot Deals (click Edit button at the right).
    • 2 )Enter Module Name as hot-deals (put any name to recognize it). Give height,width as in following image. Select products name to display as hot deal product. If there are no products available in drop-down list, add special products to store.
    • 4 )Make Status as Enabled
    • 5 )You should see something like this now:
      home_block5_1
    • 6 )Click Save button.
    • 7 )Now Go to Design > Layouts and edit Home layout
    • 8 )In position Slider Right , click on Add Module button at right corner.
    • 9 )Choose Magik Hot Deals > hot-deals.
    • 10 )You should see something like this now:
      home_block5_2Click image to zoom
    • 11 )Click on save button.
  • 6 )New Products :
  • In your Open Cart admin go to Extensions > Extensions > Choose Extension type as Modules and click Install near to "Magik Latest Products By Category" module
    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Magik Latest Products By Category (click Edit button at the right).
    • 2 )Enter Module Name as latest-products (put any name to recognize it). Give limit,height,width as in following image.
    • 3 )Select Category First,Second,Third, & Four as in following image.
    • 4 )Make Status as Enabled
    • 5 )You should see something like this now:
      home_block6_1
    • 6 )Click Save button.
    • 7 )Now Go to Design > Layouts> and edit Home layout
    • 8 )In position Content Bottom , click on Add Module button at right corner.
    • 9 )Choose Magik Latest Products By Category > latest-products.
    • 10 )You should see something like this now:
      home_block6_2Click image to zoom
    • 11 )Click on save button.
  • 7 )Bottom banner section :
    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > HTML Content< (click Edit button at the right). This module allow you to add any html blocks to any shop pages to any position. You can create your own blocks in this module too.
    • 2 )Enter Module Name as bottom-banner-section (put any name to recognize it).
    • 3 )Click Code View button </> in Content area visual editor to switch editor to HTML mode.
    • 4 )Copy and paste code below to Content textarea in admin panel: <div class="bottom-banner-section"> <div class="container"> <div> <img alt="banner" src="catalog/view/theme/veritodemo1/image/bottom-banner.jpg"> </div> </div> </div>
    • 5 )Make Status as Enabled
    • 6 )You should see something like this now:
      home_block7_1
    • 7 )Click Code View button </> in Content area visual editor.
    • 8 )If you have different languages on your site you should repeat this steps for every language tab.
    • 9 )Click Save button.
    • 10 )Now Go to Design > Layouts and edit Home layout
    • 11 )In position Content Bottom , click on Add Module button at right corner.
    • 12 )Choose HTML Content > bottom-banner-section.
    • 13 )You should see something like this now:
      home_block7_2Click image to zoom
    • 14 )Click on save button.
  • 8 )Featured Products :
  • In your Open Cart admin go to Extensions > Extensions > Choose Extension type as Modules and click Install near to "Featured" module
    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Featured (click Edit button at the right).
    • 2 )Enter Module Name as featured-products (put any name to recognize it). Give limit,height,width, block content as in following image.
    • 3 )Add feature products.
    • 4 )Make Status as Enabled
    • 5 )You should see something like this now:
      home_block8_1
    • 6 )Click Save button.
    • 7 )Now Go to Design > Layouts and edit Home layout
    • 8 )In position Content Bottom , click on Add Module button at right corner.
    • 9 )Choose Featured > featured-products.
    • 10 )You should see something like this now:
      home_block8_2Click image to zoom
    • 11 )Click on save button.
  • 9 )Latest Blog :
  • Please configure Magik blog before positioning it on Home page. Have look over Magik Blog Configuration to configure Magik Blog.

    To display Latest blog on Home page follow bellow procedure :

    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Magik Blog on Home page > Edit (install if it is not installed).
    • 2 )Fill all details.
    • 3 )Make Status as Enabled
    • 4 )You should see something like this now:
      home_block6_1
    • 5 )Click Save button.
    • 6 )Now Go to Design > Layouts and edit Home layout
    • 7 )In position Content Bottom , click on Add Module button at right corner.
    • 8 )Choose Magik Blog on Home page.
    • 9 )You should see something like this now:
      home_block6_2Click image to zoom
    • 10 )Click on save button.

4Footer Settings

The following block identifiers can be used to display blocks in the content section of the store home page:

footer_setting
  • 1 )Contact us : Magik Verito Admin Theme Settings->Footer tab
  • 2 )Information OpenCart default on footer
  • 3 )Extras OpenCart default on footer
  • 4 )Customer Service OpenCart default on footer
  • 5 )Social icons : Magik Verito Admin Theme Settings->Footer tab->Social icons link
  • 6 )Powered by : Magik Verito Admin Theme Settings->Footer tab->Powered by
  • 7 )Footer Custom Block :
    • 1 )Go to Magik Verito Admin Theme Settings->General tab->Footer Custom Block.
    • 2 )Choose "Enable" for Enable footer custom block
    • 3 )Click Code View button </> in Content area visual editor to switch editor to HTML mode.
    • 4 )Copy and paste code below to Content textarea in admin panel for Footer Custom Block Content <div style="text-align:center"> <a href="index.html"><img src="catalog/view/theme/veritodemo1/image/footer-logo.png" alt="logo"> </a> </div>
    • 5 )Click Code View button </> in Content area visual editor.
    • 7 )And Click on button Save.
      You can put any image.
  • 8 )Footer Newsletter :
    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Newsletter Subscription. Install it.
    • 2 )Make status as Enable and click on Save. You will see Newsletter Subscription box at the footer.
    • 3 )You can manage all subscriptions using options List & Mail options available at Admin panel > Sales > Newsletter Subscription.
    • 4 )If it is giving notice as Permission Denied! :
      • 1 )Go to Admin panel > System > Users > User Groups > Edit Administrator (your user group).
      • 2 )Tick for checkbox of sale/newslettersubscription and sale/newslettersubscriptionmail available in Access Permission list
      • 3 )Tick for checkbox of sale/newslettersubscription and sale/newslettersubscriptionmail available in Modify Permission list
      • 7 )And Click on button Save.
  • 9 )Manufacturers logo

    Go to Catalog > Manufacturers, you can manage logo images from this section.

  • 10 )Footer Features Block :
    • 1 )Go to Magik Verito Admin Theme Settings->General tab->Footer Features Block.
    • 2 )Choose "Enable" for Enable footer Features block
    • 3 )Click Code View button </> in Content area visual editor to switch editor to HTML mode.
    • 4 )Copy and paste code below to Content textarea in admin panel for Footer Custom Block Content <div class="our-features-box"> <div class="container"> <div class="row"> <div class="col-md-3 col-xs-12 col-sm-6"> <div class="feature-box first"> <span class="fa fa-truck"></span> <div class="content"> <h3>FREE SHIPPING WORLDWIDE</h3> </div> </div> </div> <div class="col-md-3 col-xs-12 col-sm-6"> <div class="feature-box"> <span class="fa fa-headphones"></span> <div class="content"> <h3>24X7 CUSTOMER SUPPORT</h3> </div> </div> </div> <div class="col-md-3 col-xs-12 col-sm-6"> <div class="feature-box"> <span class="fa fa-share"></span> <div class="content"> <h3>RETURNS AND EXCHANGE</h3> </div> </div> </div> <div class="col-md-3 col-xs-12 col-sm-6"> <div class="feature-box last"> <span class="fa fa-phone"></span> <div class="content"> <h3>Hotline +(408) 394-7557</h3> </div> </div> </div> </div> </div> </div>
    • 5 )Click Code View button </> in Content area visual editor.
    • 7 )And Click on button Save.

5Category page settings

The following block identifiers can be used to display blocks on the category page:

categorypage_setting
  • 1 )Sale Label : Magik Verito Admin Theme Settings->General Tab->PRODUCTS "SALE" LABEL
  • 2 )Category Page view mode: Default products display types
  • 3 )Category Page Slider :
    • In your Open Cart admin go to Extensions > Extensions > Choose Extension type as Modules and click Install near to "Category Page Slider" module
    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Category Page Slider (click Install button at the right).
    • 2 )Enter Module Name as category-page-slider (put any name to recognize it).
    • 3 )Make Status as Enabled & set up the Height, Width, Title, Link, Image, Description as shown in the screenshot below
    • 4 )You should see something like this now:
      categoryslider1
    • 5 )In demo we have put Description as bellow
      For slide 1 : <div class="small-tag">Fashion 2016</div> <h2 class="cat-heading">Women Collection</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> For slide 2 : <div class="small-tag">Street Style</div> <h2 class="cat-heading">New Season</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
    • 6 )If you have different languages on your site, then you need put description for every language.
    • 7 )Click Save button.
    • 8 )Now Go to Design > Layouts and edit Category layout.
    • 9 )In position Content Top , click on Add Module button at right corner.
    • 10 )Choose Category Page Slider > category-page-slider.
    • 11 )You should see something like this now:
      categoryslider2Click image to zoom
    • 12 ) Click on save button.
  • 4 )Categories block module
  • 5 )Category image section :
    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > HTML Content (click Edit button at the right). This module allow you to add any html blocks to any shop pages to any position. You can create your own blocks in this module too.
    • 2 )Enter Module Name as category-left-banner (put any name to recognize it).
    • 3 )Click Code View button </> in Content area visual editor to switch editor to HTML mode.
    • 4 )Copy and paste code below to Content textarea in admin panel: <div class="hot-banner"><img alt="banner" src="catalog/view/theme/veritodemo1/image/hot-trends-banner.jpg"></div>
    • 5 )Make Status as Enabled
    • 6 )You should see something like this now:
      bannercat1
    • 7 )Click Code View button </> in Content area visual editor.
    • 8 )If you have different languages on your site you should repeat this steps for every language tab.
    • 9 )Click Save button.
    • 10 )Now Go to Design > Layouts and edit Category layout
    • 11 )In position Column Left , click on Add Module button at right corner.
    • 12 )Choose HTML Content > category-left-banner.
    • 13 )You should see something like this now:
      bannercat2Click image to zoom
    • 14 )Click on save button.
  • 6 )Refine Search :
    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Filter (click Install button at the right).
    • 2 )Make Status as Enabled
    • 3 )You should see something like this now:
      filter1
    • 4 )Click Save button.
    • 5 )Use bellow tutorials to set filters:
      http://code.tutsplus.com/tutorials/how-to-use-filters-in-opencart--cms-22594
    • 6 )Now Go to Design > Layouts and edit Category layout
    • 7 )In position Column Left , click on Add Module button at right corner.
    • 8 )Choose Filter.
    • 9 )You should see something like this now:
      filter2Click image to zoom
    • 10 )Click on save button.
  • 7 )Latest Products :
    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Latest (click Edit button at the right).
    • 2 )Enter Module Name as categorypage-latest-products (put any name to recognize it). Give limit, width, height as in following image.
    • 5 )Make Status as Enabled
    • 6 )You should see something like this now:
      latest1
    • 7 )Click Save button.
    • 8 )Now Go to Design > Layouts and edit Category layout
    • 9 )In position Column Left , click on Add Module button at right corner.
    • 10 )Choose Latest > categorypage-latest-products.
    • 11 )You should see something like this now:
      latest2Click image to zoom
    • 12 )Click on save button.
  • 8 )Magik Custom Carousel slider :
    • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Magik Custom Carousel (click Edit button at the right).
    • 2 )Enter Module Name as category-custom-carousel (put any name to recognize it).
    • 3 )Set up the Height, Width, Title, Link, Image, Description as shown in the screenshot below
    • 4 )Make Status as Enabled
    • 5 )You should see something like this now:
      bannercarousel1
    • 6 )Click Save button.
    • 7 )Now Go to Design > Layouts and edit Category layout
    • 8 )In position Column Left , click on Add Module button at right corner.
    • 9 )Choose Magik Custom Carousel > category-custom-carousel.
    • 10 )You should see something like this now:
      bannercarousel2Click image to zoom
    • 11 )Click on save button.

5Product page settings

The following block identifiers can be used to display blocks on the product page:

productpage_setting
  • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Custom Product Tab. Install it.
  • 2 )Go to Extensions > Extensions > Choose Extension type as Modules > Custom Product Tab (click Edit button at the right). This module will display Product List.You can create your own custom blocks for each and every products.
    custom_tab_product_list
  • 3 )To add Custom Block for Product, click on the Edit icon next to your product name.
  • 4 )Enter Custom Tab Title, make status Enable and enter Tab Content(information about product).
  • 5 )You should see something like this now:
    custom_tab_setting
  • 6 )If you have different languages on your site you should repeat this steps for every language tab.
  • 7 )Click on save button.

How to

1Add Bestseller Product

It gets its products as you sell things.

The item that is sold the most will be at the top.

2Add Special Product

  • 1 )Navigate to Catalog -> Products
  • 2 )Search for the product you would like to set on specials. Click Edit link to edit it.
  • 3 )Choose Special tab and click Add Special button.
  • 4 )Change the value of the product price to the new special price.

  • Customer Group – optionally select a customer group you want this special to apply to.Specials for a customer group will display the special price only if the customer is logged in as that group.
    Priority – If you will offer multiple specials and/or discounts, enter 1 for this to be applied first, 2 for this to be applied second.
    Price – The price you want the customer to see.
    Date Start – When you want this special price to appear.
    Date End – When you want this special price to disappear.

3Add Related Product

  • 1 )Navigate to Catalog -> Products
  • 2 )Search for the product you would like to add related products. Click Edit link to edit it.
  • 3 )Choose Link tab and scroll down until you see the Related Products field.
  • 4 )Start typing a product name in that field and OpenCart will drop down a list of products that start with whatever letters you have typed in.
  • 5 )Click on the product you want to add as a related product. You will see it added to the box below.

  • 6 )Repeat step 4-5 for others product you want to add.
  • 7 )Click on save button.

4Add Language

  • 1 )Download the language pack you need. You can search the OpenCart marketplace
  • 2 )Unzip it an upload the files to your main shop directory. Note: If there is an upload folder inside the archive, upload the contents of that folder, not the folder itself.
  • 3 )Go to OpenCart admin System > Localisation > Languages
  • 4 )Click "Add New". The details that you have to fill in the form are usually supplied in the "Documentation" tab on the OpenCart extension page of the language pack. You might also find them in a text file inside the installation archive.
    add_language
  • 5 )Click on Save button.
  • 6 )At front end you will see the new language is added in language drop down.

5Add Currency

  • 1 )Navigate to System > Settings. Click Edit button
  • 2 )Select Local tab. It is better to enable Auto Update Currency option. That will automatically set the conversion rate for each currency in your store.
  • 3 )Navigate to System > Localisation > Currencies. Click Insert to add a new currency.
  • 4 )Here we should insert Currency Title, Code, Symbol Left or Symbol Right, Decimal Places and set Status for our currency.
    add_curency
    Currency Title – Name of the currency.
    Code – The ISO code for the currency. Currency codes can be looked up at this currency converter.
    Symbol Left – Adds a currency symbol to the left of the code. An example would be the pound sign (£) for pound sterling.
    Symbol Right – Adds a currency symbol to the right of the code. An example would be the euro sign (€).
    Decimal Places – The amount of decimal places displayed in the price of the store front.
    Value – The Default currency will be set to a value of 1. Every value of currency will be relative to this value. Since the US Dollar is 1.0 (the default), the Euro is tabulated to .81 for the value based on its worth. When OpenCart transitions between currencies in the store front, it will use the value number to calculate the prices of products in that new currency. OpenCart will update the currency values in the Local Tab under store settings if Auto Update Currency is enabled.
    Status – Enables or disables the currency in the store front.
  • 5 )Click on save button.
  • 6 )At front end you will see the new currency is added in currency drop down.

6Add Account Module

  • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Account module (click Edit) Make it Enabled .
    add_account
  • 2 )Go to Design -> Layout.Click Edit button of Account layout and add your details as follows.
    add_accountClick image to zoom

7Add Category Module

  • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Category module (click Edit) Make it Enabled.
    add_categoryt
  • 2 )Go to Design -> Layout Click Edit button of Category layout and add your details as follows.
    add_categoryClick image to zoom

Extension Configuration

1Theme Admin module usage

  • 1 )In your Open Cart admin go to Extensions > Extensions > Choose Extension type as Modules and click Edit near to Magik Verito Admin Theme Settings module. You will open theme control panel.
  • 2 )Use top tabs to access all theme features settings and setup what you want.
  • 3 )Don't forget to click Save to apply your changes!

2Magik Blog Configuration

  • 1 )In your Open Cart admin go to Extensions > Extensions > Choose Extension type as Modules > Magik blog and click Install near to "Magik blog" module
  • 2 )Make status enable & set remaining settings according to you. Click on Save
  • 3 )You will get to see word Blog on menu (left gray colored menu in admin panel) at the end. Click on it, you will find options for Blog categories, Blog articles and Comments
  • 4 )If it is giving notice as Permission Denied! :
    • 1 )Go to Admin panel > System > Users > User Groups > Edit Administrator (your user group).
    • 2 )Tick for checkbox of magikblog/category , magikblog/article and magikblog/comment available in Access Permission list
    • 3 ) Tick for checkbox of magikblog/category , magikblog/article and magikblog/comment available in Modify Permission list
    • 4 ) Click on Save.
  • 5 )Create category for blog from Blog > Blog Categories > Add new. Fill all details (of tabs General,Data) & don't forget to make status enable. Save the settings.
  • 6 )Now Create article from Blog > Blog articles > Add new > fill all details (of tabs General,Date,Links, Related Products, Relates Articles)& don't forget to make status enable. Save the settings.
  • 7 )If user put comment on any blog, it will appear for approval at Blog > Comments . Blog comment will display on front side by enabling its Status.
  • 8 )Number of blog categories, blog articles can be created. Blog module configuration ends here. Now you can set it on Home page Home Page Content Block
  • 9 )To set Magik Blog Latest Posts module, Magik Blog Category module, Related Products and Related Articles at right side on blog pages :
    • 1Magik Blog Latest Posts

      • 1 ) Go to Extensions > Extensions > Choose Extension type as Modules > Magik Blog Latest Posts > Edit (install if it is not installed)
      • 2 ) Fill all details & don't forget to make Status Enable.You should see something like this now:
      • 3 )Click Save button
      • 4 )Now Go to Design > Layouts and edit magik blog layout
      • 5 )In position Column Right , click on Add Module button at right corner.
      • 6 )Choose Magik Blog Latest Posts.
      • 7 ) You should see something like this now:
      • Click image to zoom
      • 8 )Click on save button.

    • 2Magik Blog Category

      • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Magik Blog Category > Edit (install if it is not installed)
      • 2 )Don't forget to make Status Enable.You should see something like this now:
      • 3 )Click Save button
      • 4 )Now Go to Design > Layouts and edit magik blog layout
      • 5 )In position Column Right , click on Add Module button at right corner.
      • 6 )Choose Magik Blog Category.
      • 7 ) You should see something like this now:
      • Click image to zoom
      • 8 )Click on save button.
    • 3Magik Blog Related Products

      • 1 )Go to Blog > Blog Articles click on the Edit icon next to your article name, you want to add related products.
      • 2 )Got to Related Products tab. Give Title & select products.
      • 3 )You should see something like this now:
      • 4 )Click Save button
    • 4Magik Blog Related Articles

      • 1 )Go to Blog > Blog Articles click on the Edit icon next to your article name, you want to add related products.
      • 2 )Got to Related Articles tab. Give Title & select articles.
      • 3 ) You should see something like this now:
      • 4 )Click Save button

3Newsletter Popup

  • 1 )Go to Extensions > Extensions > Choose Extension type as Modules > Newsletter Popup module > Edit. (Install it, if it is not installed)
  • 2 )Fill the details as shown below.
  • 3 )You should see something like this now:

Troubleshooting

1Blank White Pages or 500 Internal Server Error.

  • 1 )Blank white page is a PHP error which is just not visible when the server is not configured to display the errors, while the 500 Internal Server Error means something has gone wrong but the server cannot specifically state what the exact problem is.
  • 2 )It doesn’t give us a clue what exactly happen, or what files triggering the errors. So, first step before we try to solve the errors is try to show the error messages.Then use the error message as starting point to investigate what is the error cause.
  • 3 )Here are a few ways to show the error message
    • 1 )Log into your Opencart admin.
    • 2 )Go to System – Settings – ‘Edit’ and set ‘Output Compression Level’ to 0
    • 3 )Open php.ini and add the code below: display_errors = 1; error_reporting = E_ALL; log_errors = 1;
    • 4 )If php.ini is not used or read by the server, you can use an alternative method – open index.php file and add the following code to the top of the file (line 2) ini_set('display_errors', 1); ini_set('log_errors', 1); error_reporting(E_ALL);
    • 5 )As soon as the issue is fixed, please remove the above code.

2Headers Already Sent

  • 1 )You get an error message “headers already sent” right after installing, modificating, updating OpenCart or vQmod files.
  • 2 )Error variants:
    • 1 )Warning: Cannot modify header information – headers already sent by (output started at /path/public_html/config.php:31) in /path/public_html/index.php on line 175.
    • 2 )Warning: session_start() [function.session-start]: Cannot send session cookie – headers already sent by (output started at /path/public_html/config.php:31) in /path/public_html/system/library/session.php on line 11
    • 3 )Warning: session_start() [function.session-start]: Cannot send session cache limiter – headers already sent (output started at /path/public_html/config.php:31) in /path/public_html/system/library/session.php on line 11.
  • 3 )Solution:
      Download the file stated at the error message then apply solution bellow
    • 1 )Remove spaces at begining and end of file. <?php //contain space echo "remove all space or line-break before <?php and after ?>"; ?>
    • 2 )Resave the file with Notepad++ or other editor (encode file as ANSI or UTF-8 without BOM).
    • 3 )Reupload to server through FTP in ASCII mode, not binary.

3Allowed Memory Size Exhausted

  • 1 )This error happen because your memory is not enough to execute the php code (uploading large image, delete lot of products, send mass mails etc). Increasing the memory allocated for PHP will solve the issue
  • 2 )Error variants:
    • 1 )Fatal error: Allowed memory size of 536870912 bytes exhausted (tried to allocate 47200 bytes) in /path/public_html/system/library/image.php on line 34
    • 2 )Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 13069817 bytes) in /path/public_html/system/library/mail.php on line 144
    • 3 )Fatal error: Out of memory (allocated 33554432) (tried to allocate 14024 bytes) in /path/public_html/library/image.php on line 34
  • 3 )Solution:
      Apply one of solutions bellow to increasing the limit to 64MB, 128MB, 256MB or 512MB -depends on your host.
    • 1 )Edit php.ini memory_limit = 128M;
    • 2 )Or put code below to .htaccess php_value memory_limit 128M
    • 3 )If you oftenly get this error and solution above isn’t work, contact your host. In most shared hosting, there is maximum memory_limit. You can’t set memory-limit to 64Mb if you get max 32Mb.

4How to solve errors if any with Magik OpenCart Theme Installation

  • 1 )Since, many our new customers don’t have Override Engine installed they many face few issues with some of our themes.
  • 2 )Error variants:
    • 1 )Notice: Undefined property: Loader::$load in /public_html/catalog/view/theme/lamby/template/common/header.tpl on line 293
    • 2 )Fatal error: Call to a member function model() on a non-object in /public_html/catalog/view/theme/lamby/template/common/header.tpl on line 293
  • 3 )Solution:
      Don’t worry, it’s neither too big an error nor a theme bug. As we use Override engine to build our themes, you must install an Override Engine of respective OpenCart version. If you miss this step, you will face the errors mentioned above.
    • 1 )You will find respective override engine at - http://www.opencart.com/index.php?route=extension/extension/info&extension_id=8588
    • 2 )Our themes requies the followings to work flawlessly OpenCart + Override Engine of respective version + Theme zip
    • 3 )For more details checkout theme installation video – https://www.youtube.com/watch?v=jojlIpljuew&feature=em-upload_owner
    • 4 )In case you still face any issues with the theme install, please let us know and we will help you resolve the issue quickly.