From Admin, System > Setting > “ your store ” Edit > Image (image tab).
Set logo for your site.
Select Store > Edit
Select Image tab
Click the button Save.
This documentation will give you an understanding of how Theme Laksh01 is structured and guide you in performing the most common functions
Note:
Please read the complete documentation, before attempting to install the theme.
it is recommend to always backup your system before making any upgrades or changes!
For installation of OpenCart, you just need to follow these steps, Installation
To install OpenCart template you need to upload it’s files to your hosting server.
Extract the downloaded zip file and Upload all files and folders from the “OpenCart Files” to your OpenCart root directory.
"admin" (Overwrite this folder)
"catalog" (Overwrite this folder)
"image" (Overwrite this folder)
You can find this file easily from our theme package.
Sample_Data_01.sql -- For all theme content
From Admin, System → Maintenance → Backup/restore .
Select Restort tab click the button Import and select the file import.sql.
If you get the error "Access Permission denied",
You need to provide few permissions to an Administrator, which you can do by following this step:
From “System → Users → User Groups → Administrator → Select all access permission and modify permission”
Click the button “Save” from top right corner.
Now Select Your Store > Edit.
Theme Directory : (select) mahardhi
Status : Enable
Default Items Per Page : 9
List Description Limit : 200
Now Set Image Size
Category Image : 1005 X 230
Product Image Thumb : 660 X 880
Product Image Popup : 750 X 1000
Product Image List : 315 X 420
Additional Product Image : 750 X 1000
Related Product Image : 315 X 420
Compare Image Size : 75 X 100
Wishlist Image Size : 75 X 100
Cart Image Size : 75 X 100
Colors:
Primary Color : #222222 (Set Theme Primary Color)
Primary Hover Color : #E19B9A (Set Theme Primary Hover Color)
Secondary Color : #FFFFFF (Set Theme Secondary Color)
Secondary Light Color : #777777 (Set Theme Secondary Light Color)
Background Color : #F5F5F5 (Set Theme Background Color)
Border Color : #E5E5E5 (Set Theme Border Color)
Click the button Save.
Goto Admin System > Setting > “ your store ” Edit
Select General tab
Select “ Mahardhi Store Theme ” from Dropdown as shown below,
Click the button Save.
From Admin, System > Setting > “ your store ” Edit > Image (image tab).
Set logo for your site.
Select Store > Edit
Select Image tab
Click the button Save.
From Admin, System > Localisation > Languages
Add New button to add new Language
Language Name : Arbic
Code : ar
Locale : ar
Status : Enable
Sort Order : 1 or 2 as you like
Click the button Save.
For more information, you can follow this very useful OpenCart blog too.
From Admin, Design > Banners
Click the button ”+ Add New ”.
Banner name : Home Page Slideshow
Status : Enabled
Click the button + Add , Which will allow you to insert the banner information. Such as Title, Link, Image, Sort Order etc.
Fill up the Title. By Clicking on Image, you will able to upload the banner.
You can add multiple banners.
At the end, Don't forget to click the button ”Save”.
From Admin, Design >Banners
Click the button “ + Add New ”
Banner Name : Left Banner
Status : Enabled
and click the button Add Banner
Please add title of the banner, and click on image to upload your banner
and click the button ”Save”.
From Admin, Extensions > Extensions. Select Modules.
Select HTML Content > Edit (If Edit button is inactive then you need to Install it).
<div class="banner-outer html1 mt-50">
<div class="container">
<div class="html1-inner row">
<div class="col-xs-6">
<div class="banner1 banners">
<div class="inner1"><a href="#"><img src="image/catalog/banners/banner1.jpg" alt="" class="img-responsive"></a></div>
<div class="inner2">
<div class="promo-text-box">
<h3 class="promo-title">Quality Flowers</h3>
<div class="promo-desc">Birthday & gifts</div>
<button class="promo-btn">Shop now</button>
</div>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="banner2 banners">
<div class="inner1"><a href="#"><img src="image/catalog/banners/banner2.jpg" alt="" class="img-responsive"></a></div>
<div class="inner2">
<div class="promo-text-box">
<h3 class="promo-title">Pink roses</h3>
<div class="promo-desc">Save up to 20% and more</div>
<button class="promo-btn">shop now</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-left col-sm-6">
<h5 class="toggled title">contact info</h5>
<ul class="list-unstyled" style="display: block;">
<li>
<div class="site">
<div class="contact_title">address:</div>
<div class="contact_site">71 Pennington Lane Vernon Rockville, CT 06066</div>
</div>
</li>
<li>
<div class="phone">
<div class="contact_title">phone:</div>
<div class="contact_site">+91 123 456 789</div>
</div>
</li>
<li>
<div class="fax">
<div class="contact_title">fax:</div>
<div class="contact_site">0123-456-789</div>
</div>
</li>
<li>
<div class="email">
<div class="contact_title">E-mail:</div>
<div class="contact_site">
<a href="mailto:info@Yourstore.com">demo@Yourstore.com</a>
</div>
</div>
</li>
<li>
<div class="social-media">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-youtube-play"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"> <i class="fa fa-pinterest-p"></i></a>
</div>
</li>
</ul>
</div>
<div class="payment-link"> <img src="image/catalog/payment.png" alt=""> </div>
<div class="service-box container">
<div class="promo-item clearfix">
<div class="service-item col-xs-3">
<div class="service">
<div class="service-icon icon-plane1"></div>
<div class="service-content">
<h4 class="promo-title">Free Shipping Worldwide</h4>
<span class="promo-desc">On order over $150</span>
</div>
</div>
</div>
<div class="service-item col-xs-3">
<div class="service">
<div class="service-icon icon-wallet"></div>
<div class="service-content">
<h4 class="promo-title">Cash On Delivery</h4>
<span class="promo-desc">100% money back guarantee</span>
</div>
</div>
</div>
<div class="service-item col-xs-3">
<div class="service">
<div class="service-icon icon-gift"></div>
<div class="service-content">
<h4 class="promo-title">Special Gift card</h4>
<span class="promo-desc">Offer special bonuses with gift</span>
</div>
</div>
</div>
<div class="service-item col-xs-3">
<div class="service">
<div class="service-icon icon-support"></div>
<div class="service-content">
<h4 class="promo-title">24/7 Customer Service</h4>
<span class="promo-desc">Call us 24/7 at 123-456-789</span>
</div>
</div>
</div>
</div>
</div>
From Admin, Extensions > Extensions. Select Modules.
Select Specials > Edit (If Edit button is inactive then you need to Install it).
Click the button + Add New .
Name : Special - Home Page
Limit : 20
Image size : 315 X 420
Status : Enabled
And click the button ”Save”.
From Admin, Extensions > Extensions. Select Modules.
And then select Bestsellers > Edit ( If Edit link is not active then Click on Install link)
Click the button + Add New .
Name : Bestseller sidebar
Limit : 3
Image size : 75 X 100
From Status select : Enabled
Click on ”Save” button.
From Admin, Extensions > Extensions. Select Modules.
Select Mahardhi Product Tabs > Edit
For Homepage Module,
Module Name : Top Products
Select Checkbox : Featured Latest Bestseller
Limit : 20
Image size : 315 X 420
Status : Enable
And click the button ”Save”.
To Translate this section in any other language, you need to add this module file mahardhi_product_tab.php in appropriate language directory.
1. Add the file mahardhi_product_tab.php from the path admin/language/en-gb/extension/module to admin/language/your_language/extension/module.
2. Add the file mahardhi_product_tab.php from the path catalog/language/en-gb/extension/module to catalog/language/your_language/extension/module.
Admin: Navigation/Design/Language Editor/Add New
Route: extenstion/module/mahardhi_product_tab
Keys:
From Admin, Extensions > Extensions. Select Modules.
Select Mahardhi Blog > Edit (If Edit button is inactive then you need to Install it).
And click Article Blog Categories
From Admin, Extensions > Extensions. Select Modules.
Select Mahardhi Blog > Edit
Click on Categories
Click the button + Add new
Article List Name : Blogs
Status : Enabled
Sort order : 1
And click the button ”Save”.
From Admin, Extensions > Extensions, Select Modules.
Select Mahardhi Blog > Edit
And Click on Article Lists.
From Admin, >Extensions > Extensions. Select Modules.
Select Mahardhi Blog > Edit (If Edit button is inactive then you need to Install it).
Module Name : Our Blogs
Heading title : Latest Blogs
Image size width and height : 300 X 240
The date format for material : d F Y
Status : Enable
Auto Slide : Yes
Item : 4
Slide Speed : 3000
Rows : 1
Show Navigation : Yes
Show Pagination : No
And click the button ”Save”.
From Admin, >Extensions > Extensions. Select Modules.
Select Mahardhi Blog > Edit (If Edit button is inactive then you need to Install it).
and Click on Setting
Default Blog Per Page : 10
Meta Title : Blog
Meta Tag Description : Blog Description
Meta Tag Keywords : Blog Keyword
Image size for Article List images width and height : 465 X 372
Image size for Article images width and height : 1005 X 804
The date format for material : d F Y
And click the button ”Save”.
To Translate this section in any other language, you need to add this module file blog.php in appropriate language directory.
1. Add the file blog.php from the path admin/language/en-gb/extension/module to admin/language/your_language/extension/module.
2. Add the file blog.php from the path catalog/language/en-gb/extension/module to catalog/language/your_language/extension/module.
Admin: Navigation/Design/Language Editor/Add New
Route: extenstion/module/blog
Keys:
From Admin, Extensions > Extensions. Select Modules.
Select Mahardhi Testimonial > Edit (If Edit button is inactive then you need to Install it).
Click on List Button, to see the list of all Testimonials.
To add new Tistimonial Click the button +Add.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
From Admin, >Extensions > Extensions. Select Modules.
Select Maharthi Testimonial > Edit (If Edit button is inactive then you need to Install it).
Module Name : Testimonials
Title : Testimonial
Status : Enabled
Testimonial Image Width & Height : 100 X 100
Auto Slide : Yes
Items : 2
Limit : 10
Slide Speed : 3000
Rows : 1
Show Navigation : No
Show Pagination : Yes
And click the button ”Save”.
To Translate this section in any other language, you need to add this module file mahardhi_testimonial.php in appropriate language directory.
1. Add the file mahardhi_testimonial.php from the path catalog/language/en-gb/extension/module to catalog/language/your_language/extension/module.
2. Add the file mahardhi_testimonial.php from the path admin/language/en-gb/extension/module to admin/language/your_language/extension/module.
Admin: Navigation/Design/Language Editor/Add New
Route: extenstion/module/mahardhi_testimonial
Keys:
From Admin, > Extensions > Extensions. Select Modules.
Select Mahardhi Newsletter > Edit (If Edit button is inactive then you need to Install it).
Newslatter Name : Newslatter
Status: Enable
And click the button ”Save”.
From Admin, > Extensions > Extensions. Select Modules.
Select Mahardhi Newsletter > Edit (If Edit button is inactive then you need to Install it).
Newslatter Name : Newsletter popup
Popup : Enable
Status : Enable
And click the button ”Save”.
To Translate this section in any other language, you need to add this module file mahardhi_newsletter.php in appropriate language directory.
1. Add the file mahardhi_newsletter.php from the path catalog/language/en-gb/extension/module to catalog/language/your_language/extension/module.
2. Add the file mahardhi_newsletter.php from the path admin/language/en-gb/extension/module to admin/language/your_language/extension/module.
Admin: Navigation/Design/Language Editor/Add New
Route: extenstion/module/mahardhi_newsletter
Keys:
From Admin, Extensions > Extensions. Select Modules.
Select Mahardhi Search > Edit
Status: Enabled
Autocomplete : Enabled (It will enable the Autocomplete feature)
Category : Disabled (If will enable the category feature)
And click the button Save.
To Translate this section in any other language, you need to add this module file mahardhi_search.php in appropriate language directory.
1. Add the file mahardhi_search.php from the path catalog/language/en-gb/extension/module to catalog/language/your_language/extension/module.
2. Add the file mahardhi_search.php from the path admin/language/en-gb/extension/module to admin/language/your_language/extension/module.
Admin: Navigation/Design/Language Editor/Add New
Route: extenstion/module/mahardhi_search
Keys:
From Admin, Extensions > Extensions. Select Modules.
Select Account > Edit
Status: Enable
And click the button Save.
From Admin, Extensions > Extensions. Select Modules.
Select Information > Edit (If Edit button is inactive then you need to Install it).
Status: Enable
And click the button ”Save”.
From Admin, Extensions > Extensions. Select Modules.
Select Filter > Edit (If Edit button is inactive then you need to Install it).
Status: Enable
And click the button ”Save”.
From Admin, Design > Banners
Click on ”+ Add New ” button.
Banner name : Manufacturers
Status : Enabled
Then Click on + Add , Which will allow you to insert the banner information. Such as Title, Link, Image, Sort Order etc.
Fill up the Title. By Clicking on Image, you will able to upload the banner.
You can add multiple banners.
At the end, Don't forget to click the button ”Save”.
From Admin, System > Settings > Stores > “Your Store”.
Click on Edit > Store (From tab).
Store Name : Your Store
Store Owner : My Store
Address : 71 Pennington Lane Vernon Rockville, CT 06066
Geocode : 71 Pennington Lane Vernon Rockville, CT 06066 (it's Optional)
E-Mail : yourstore@yourstore.com
Telephone : 123-456-7890
Fax : 11225553321
Opening Times : 11:00 AM - 7:00 PM
Comment : Demo Comment Description from Store Owner
And click the button ”Save”.
From Layout List, Please find the page name Home, and click on Edit.
From Layout List, Please find the page name Account, and click on Edit.
From Layout List, Please find the page name Affiliate, and click on Edit.
From Layout List, Please find the page name Category, and click on Edit.
From Layout List, Please find the page name Checkout, and click on Edit.
From Layout List, Please find the page name Compare, and click on Edit.
From Layout List, Please find the page name Contact, and click on Edit.
From Layout List, Please find the page name Default, and click on Edit.
From Layout List, Please find the page name Information, and click on Edit.
From Layout List, Please find the page name Manufacture, and click on Edit.
From Layout List, Please find the page name Product, and click on Edit.
From Layout List, Please find the page name Search, and click on Edit.
From Layout List, Please find the page name Sitemap, and click on Edit.
1. Loader Image Path: /catalog/view/theme/mahardhi/image/mahardhi/ajax_loader.gif
2. Newsletter Popup Image Path: /catalog/view/theme/mahardhi/image/mahardhi/newsletter-popup.jpg
3. Header - "More" Menu
To edit "More" menu, need to modify below code. Also If you want to remove the "More" menu, need to remove below code:
Path: /catalog/view/javascript/mahardhi/custom.js
/*----------------------------------------------*/
/* more category */
/*----------------------------------------------*/
$(document).ready(function(){
$(function($){
let moreText = $('#topCategoryList').data('more')
if (!moreText) { 'More' }
var max_elem = 4;
var items = $('.navbar-nav li.menulist');
var surplus = items.slice(max_elem, items.length);
surplus.wrapAll('<li class="menulist hiden_menu menu_drop"><div class="dropdown-inner">');
$('.hiden_menu').prepend('<a href="#" id="more_cat" class="menulist">' + moreText + '</a>');
$(window).resize(function() {
if($(window).width() < 992)
{
$("#topCategoryList li").removeClass( "hiden_menu");
}
else{
$("#topCategoryList li").addClass( "hiden_menu");
}
});
});
});
1. To change Loader Image or Newslatter Image, we provided path of those images in section Additional Settings. Just need to replace perticular image and you will able to change those images.
2. Some language entries contain special HTML or wildcard characters like http://, %s, <b></b> and others. Don't need to change these special words and translate only the text within these entries.