THANK YOU FOR PURCHASING OUR THEME!
Here are some basics on installing, configuring and customizing the Leotheme.
BEFORE WE GOThe theme and the sample data is provided "as is". Customizing code and other design related issues can be done as freelance work on a $50-100 hourly rate only with Paypal and/or Skrill, if our team is available. If you are new to Prestashop, please understand I cannot fix your site for free. Leotheme would love to help everyone but We are really busy. I suggest reading documentation available online regarding using Prestashop, server requirements, etc.
If you like this theme please rate it.
Have a rest of your day
LeothemeTeam
If you are new with prestashop. Please read prestashop guide first:
http://doc.prestashop.com/display/PS16/Getting+Started
For each package you download from Leotheme, you will have: quickstart package, theme package, PSD. If you buil your shop from scrap, you can download quickstart file.
Note : all the steps are described in the video already.
If you have avail shop and install follow guide
Note: Please note that all the steps are described in the video already.
+ Install theme > Backend > Preferences > Themes
+ You can import themes from your computer
+ Also, you can put themes on the folder themes form FTP
+ You can select a theme for the shop
If you are using 1 templates from leotheme.com for shop 1 and i want to install new template from leotheme for shop 2
before install please open file: /modules/leotempcp/libs/DataSample.php
find the code private $_theme_dir = 'XXXX'; with xxx is curently template ( default in line 22)
Please get template folder in zip file and edit XXXX to this name
Example: i'm using leomobi for shop 1 and i want to install leotea for shop 2. I have to open file /modules/leotempcp/libs/DataSample.php. Edit private $_theme_dir = 'leomobi'; to private $_theme_dir = 'leotea';
Unzip zip file of template, you will see 2 folders: themes + modules, please upload override modules + themes folder to your host
Check content of file modules/leotempcp/libs/DataSample.php is same with theme install folder
Upload xml file of template to config/xml/themes folder
Select template as default and config show left or right column in each page
Backend -> Preferences -> Images
+ Create or edit size image
+ Regenerate thumbnails
+ You can edit "logo" for your site
+ You can edit "blockcart.tpl" at: \themes\THEME_NAME\modules\blockcart\blockcart.tpl
+ You can edit group slider at the following URL:
+ Code widget html here
+ Edit widget here
+ Edit widget here
+ You can edit "blockcategories.tpl" at:
\themes\THEME_NAME\modules\blockcategories\blockcategories.tpl
+ You can edit "sidebar.tpl" at:
\themes\THEME_NAME\sub\product\sidebar.tpl
+ Edit widget here
+ Code widget html here
+ Edit widget here
+ This leoblogs module suport management blogs article and blog category.
+ Edit widget here
+ We support functions for widget
+ There you can insert widgets or load module into position you one. Suport display on tablet, mobile, mac,...
+ You can change width for block on this monitor
+ You can select the effect display for group or each block widget you one.
+ Edit code widget html here
+ Top Menu - HTML Categories
<div class="top-menu-content">
<h5 class="top-menu-title">Text widget</h5>
<p>Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio.
Sed non mauris vitaerat consequat auctor eu in elit.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Mauris in erat justo. Nullam ac urna eu felis dapibus.</p>
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_baby/img/modules/leomanagewidgets/img-menu.jpg" alt="Image Categories" />
</div>
<!-- End of .top-menu-content -->
+ Top Menu - Video
<iframe width="450" height="250" src="//www.youtube.com/embed/ZROI8ajlw1w" frameborder="0" allowfullscreen>
</iframe>
+ Top Column - HTML
<div class="top-column-html">
<div class="top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12">
<a href="#">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_baby/img/modules/leomanagewidgets/banner_01.jpg" alt="Image Top Column" />
</a>
</div>
<!-- End of .top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12-->
<div class="top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12">
<a href="#">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_baby/img/modules/leomanagewidgets/banner_02.jpg" alt="Image Top Column" />
</a>
</div>
<!-- End of .top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12 -->
<div class="top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12">
<a href="#">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_baby/img/modules/leomanagewidgets/banner_03.jpg" alt="Image Top Column" />
</a>
</div>
<!-- End of .top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12 -->
</div>
<!-- End of .top-column-html -->
+ Right Column - HTML
<p>
<img class="img-responsive first" src="/prestashop/THEME_NAME/themes/leo_baby/img/modules/leomanagewidgets/banner_right_1.jpg" alt="Right Image" />
</p>
+ Right Column - HTML Bottom
<p>
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_baby/img/modules/leomanagewidgets/banner_right_2.jpg" alt="Right Image" />
</p>
+ Footer Top - HTML Payment
<div id="paypal" class="footer_block">
<div class="footer-title">
<h4 class="title_block">
<span class="text">Payment</span>
</h4>
</div>
<div class="contact-content">
<a title="Payment" href="#">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_baby/img/modules/leomanagewidgets/paypal.png" alt="" />
</a>
</div>
</div>
1. Enable Multishop(Backend > Preferences > General)
2. Edit link for Multishop(Backend > Advanced Parameters > Multistore)
Back Office > Modules > Install and Configuration Leo Sliderlayer
1. Front-office Appearance
2. Back-office Settings
1. Back-office Create Widgets
+ Top Column - HTML
<div class="top-column-html">
<div class="top-column-item col-md-4 col-sm-4 col-xs-12 col-sp-12">
<a href="#">
<span class="header-html">Cute Bed For <br /> My Angel </span>
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_christmas/img/modules/leomanagewidgets/ads-3.png" alt="Image Top Column" />
</a>
</div>
<!-- End of .top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12-->
<div class="top-column-item col-md-4 col-sm-4 col-xs-12 col-sp-12">
<a href="#">
<span class="header-html">Clearance sale</span>
<span class="sub-header-html">Find best toys for you</span>
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_christmas/img/modules/leomanagewidgets/ads-4.png" alt="Image Top Column" />
</a>
</div>
<!-- End of .top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12 -->
<div class="top-column-item col-md-4 col-sm-4 col-xs-12 col-sp-12">
<a href="#">
<span class="header-html">Free <strong>Shipping</strong>
</span>
<span class="sub-header-html">On order over $150.00 </span>
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_christmas/img/modules/leomanagewidgets/ads-5.png" alt="Image Top Column" />
</a>
</div>
<!-- End of .top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12 -->
</div>
<!-- End of .top-column-html -->
+ Home - Custom HTML
<div class="home-html">
<div class="home-item col-md-6 col-sm-6 col-xs-12 col-sp-12 ">
<a href="#">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_christmas/img/modules/leomanagewidgets/ads-1.png" alt="Image Top Column" />
<span class="sub-img">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_christmas/img/modules/leomanagewidgets/ads-1-1.png" alt="Image Top Column" />
</span>
</a>
</div>
<!-- End of .top-column-item col-md-6 col-sm-6 col-xs-12 col-sp-12 -->
<div class="home-item col-md-6 col-sm-6 col-xs-12 col-sp-12 ">
<a href="#">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_christmas/img/modules/leomanagewidgets/ads-2.png" alt="Image Top Column" />
<span class="sub-img">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_christmas/img/modules/leomanagewidgets/ads-2-2.png" alt="Image Top Column" />
</span>
</a>
</div>
<!-- End of .top-column-item col-md-6 col-sm-6 col-xs-6 col-sp-12 -->
</div>
<!-- End of .home-html -->
+ Bottom - Custom HTML
<div class="bottom-html">
<div class="bottom-item col-md-6 col-xs-12">
<a href="#">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_christmas/img/modules/leomanagewidgets/ads-6.png" alt="Image Bottom" />
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_christmas/img/modules/leomanagewidgets/ads-6-1.png" alt="Image Bottom" />
</a>
</div>
<div class="bottom-item col-md-6 col-xs-12">
<a href="#">we supply</a>
</div>
</div>
Back Office > Modules > Install and Configuration Leo Sliderlayer
1. Front-office Appearance
2. Back-office Settings
1. Back-office Create Widgets
+ Home - Custom HTML
<div class="home-html">
<div class="top-column-item col-md-6 col-sm-6 col-xs-6 col-sp-12 ">
<a href="#">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_bookshop/img/modules/leomanagewidgets/banner_04.jpg" alt="Image Top Column" />
</a>
</div>
<!-- End of .top-column-item col-md-6 col-sm-6 col-xs-6 col-sp-12 -->
<div class="top-column-item col-md-6 col-sm-6 col-xs-6 col-sp-12 ">
<a href="#">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_bookshop/img/modules/leomanagewidgets/banner_05.jpg" alt="Image Top Column" />
</a>
</div>
<!-- End of .top-column-item col-md-6 col-sm-6 col-xs-6 col-sp-12 -->
</div>
<!-- End of .home-html -->
Back Office > Modules > Install and Configuration Leo Sliderlayer
1. Front-office Appearance
2. Back-office Settings
1. Back-office Create Widgets
+ Top Column - HTML
<div class="top-column-html">
<div class="top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12">
<a href="#">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_halloween/img/modules/leomanagewidgets/banner_01.jpg" alt="Image Top Column" />
</a>
</div>
<!-- End of .top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12-->
<div class="top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12">
<a href="#">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_halloween/img/modules/leomanagewidgets/banner_02.jpg" alt="Image Top Column" />
</a>
</div>
<!-- End of .top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12 -->
<div class="top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12">
<a href="#">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_halloween/img/modules/leomanagewidgets/banner_03.jpg" alt="Image Top Column" />
</a>
</div>
<!-- End of .top-column-item col-md-4 col-sm-4 col-xs-4 col-sp-12 -->
</div>
<!-- End of .top-column-html -->
+ Home - Custom HTML
<div class="home-html">
<div class="top-column-item col-md-6 col-sm-6 col-xs-6 col-sp-12 ">
<a href="#">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_halloween/img/modules/leomanagewidgets/banner_04.jpg" alt="Image Top Column" />
</a>
</div>
<!-- End of .top-column-item col-md-6 col-sm-6 col-xs-6 col-sp-12 -->
<div class="top-column-item col-md-6 col-sm-6 col-xs-6 col-sp-12 ">
<a href="#">
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_halloween/img/modules/leomanagewidgets/banner_05.jpg" alt="Image Top Column" />
</a>
</div>
<!-- End of .top-column-item col-md-6 col-sm-6 col-xs-6 col-sp-12 -->
</div>
<!-- End of .home-html -->
+ Right Column - HTML
<p>
<img class="img-responsive first" src="/prestashop/THEME_NAME/themes/leo_halloween/img/modules/leomanagewidgets/banner_right_1.jpg" alt="Right Image" />
</p>
+ Right Column - HTML Bottom
<p>
<img class="img-responsive" src="/prestashop/THEME_NAME/themes/leo_halloween/img/modules/leomanagewidgets/banner_right_2.jpg" alt="Right Image" />
</p>
1. Front-office translations(Backend > Localization > Translations)
2. Installed modules translations(Backend > Localization > Translations)
If you are unable to find your answer here in our documentation, please go to our forum and post up a new topic with all the details we need. Please be sure to include your site URL as well or send us an email.
Our support covers configuration, building site as demo, trouble using any features, and bug fixes. We don't provide support for customizations or 3rd party extension.
We try our best to monitor the email around the clock, however, this is not always possible due to different time zones. We will try to reply you as fast as we can.
Our working time is 8.00 AM - 5.30 PM, Monday to Friday (GMT+7). So if ask for help in the weekend, you may have to wait a little bit for support and please be patient.