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
+ Also, you can put themes on the folder themes form FTP
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
7. Configure "Theme configurator" module
Back Office > Modules > Install and Configuration Leo Theme Control Panel
1. Front-end Appearance:
- Panel Tool
- Live Theme Editor
2. Back-end Settings :
+ Basic Setting
1. Enable Multishop
2. Edit link for Multishop
Back Office > Modules > Install and Configuration Leo Sliderlayer
1. Front-office Appearance
2. Back-office Settings
1. Back-office Create Widgets :
Edit Widget HTML with source code
Widget HTML - Customer service
<div class="row customer-service"> <div class="col-md-4"><a class="pull-left" href="#"> <span class="icon-shipping"> </span> </a> <div class="media-body"> <h4 class="media-heading">Shipping and delivery</h4> This is Photoshop's version of Lorem Ipsum auctor nisi elit consequat ipsum, nec sagittis sem nibh id elit accumsan ipsum velit.</div> </div> <div class="col-md-4"><a class="pull-left" href="#"> <span class="icon-service"> </span> </a> <div class="media-body"> <h4 class="media-heading">Easy Return Service</h4> This is Photoshop's version of Lorem Ipsum auctor nisi elit consequat ipsum, nec sagittis sem nibh id elit accumsan ipsum velit.</div> </div> <div class="col-md-4"><a class="pull-left" href="#"> <span class="icon-customer"> </span> </a> <div class="media-body"> <h4 class="media-heading">Customer service</h4> This is Photoshop's version of Lorem Ipsum auctor nisi elit consequat ipsum, nec sagittis sem nibh id elit accumsan ipsum velit.</div> </div> </div>
<div class="row"> <div class="col-md-4 col-sm-4 col-xs-12"> <div class="ImageWrapper chrome-fix"><img class="img-responsive" src="/prestashop/starshop/themes/starshop/img/modules/leomanagewidgets/banner-1.png" alt="" /> <div class="ImageOverlayS"> </div> </div> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <div class="ImageWrapper chrome-fix" style="margin-bottom: 20px;"><img class="img-responsive" src="/prestashop/starshop/themes/starshop/img/modules/leomanagewidgets/banner-2.png" alt="" /> <div class="ImageOverlayS"> </div> </div> <div class="ImageWrapper chrome-fix"><img class="img-responsive" src="/prestashop/starshop/themes/starshop/img/modules/leomanagewidgets/banner-3.png" alt="" /> <div class="ImageOverlayS"> </div> </div> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <div class="ImageWrapper chrome-fix" style="margin-bottom: 20px;"><img class="img-responsive" src="/prestashop/starshop/themes/starshop/img/modules/leomanagewidgets/banner-4.png" alt="" /> <div class="ImageOverlayS"> </div> </div> <div class="ImageWrapper chrome-fix"><img class="img-responsive" src="/prestashop/starshop/themes/starshop/img/modules/leomanagewidgets/banner-5.png" alt="" /> <div class="ImageOverlayS"> </div> </div> </div> </div>
2. Back-office Settings :
Back Office > Modules > Install and Configuration Leo Sliderlayer
1. Front-office Appearance
2. Back-office Settings
1. Back-office Create Widgets :
<div class="row"> <div class="col-md-6 col-sm-6 col-xs-12"> <div class="content"> <h5 class="title">PROIN SCELERISQUE</h5> <p><em>lorem quis bibendum auctor, nisi elit ipsum velitam nec tellus a odio ticid unt auctor a ornare odio sed non mauris auctor eu in elit. </em></p> </div> <div class="media"><a class="pull-left" href="#"><img class="img-responsive" src="/prestashop/starshop/themes/starshop_cook/img/modules/leomanagewidgets/customer-1.jpg" alt="" /></a> <div class="media-body"> <h5 class="media-heading">James Boyd</h5> creative manager</div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12"> <div class="content"> <h5 class="title">Pellentesque rutrum</h5> <p><em>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor emqueunde omnis iste natus</em></p> </div> <div class="media"><a class="pull-left" href="#"><img class="img-responsive" src="/prestashop/starshop/themes/starshop_cook/img/modules/leomanagewidgets/customer-2.jpg" alt="" /></a> <div class="media-body"> <h5 class="media-heading">James Boyd</h5> creative manager</div> </div> </div> </div>
<div style="margin-bottom: 20px;"> <div class="ImageWrapper chrome-fix"><img class="img-responsive" src="/prestashop/starshop/themes/starshop_cook/img/modules/leomanagewidgets/banner-1.png" alt="" /> <div class="ImageOverlayS"> </div> </div> </div> <div> <div class="ImageWrapper chrome-fix" style="margin-bottom: 20px;"><img class="img-responsive" src="/prestashop/starshop/themes/starshop_cook/img/modules/leomanagewidgets/banner-2.png" alt="" /> <div class="ImageOverlayS"> </div> </div> </div>
2. Back-office Settings :
Back Office > Modules > Install and Configuration Leo Sliderlayer
1. Front-office Appearance
2. Back-office Settings
1. Back-office Create Widgets :
<div class="row"> <div class="col-md-5 col-sm-5 col-xs-12"> <div class="ImageWrapper chrome-fix"><img class="img-responsive" src="/prestashop/starshop/themes/starshop_fashion/img/modules/leomanagewidgets/banner-3.jpg" alt="" /> <div class="ImageOverlayS"> </div> </div> </div> <div class="col-md-7 col-sm-7 col-xs-12"> <div class="ImageWrapper chrome-fix" style="margin-bottom: 20px;"><img class="img-responsive" src="/prestashop/starshop/themes/starshop_fashion/img/modules/leomanagewidgets/banner-4.jpg" alt="" /> <div class="ImageOverlayS"> </div> </div> </div> </div>
<div class="row"> <div class="col-md-6 col-sm-6 col-xs-12"> <div class="ImageWrapper chrome-fix"><img class="img-responsive" src="/prestashop/starshop/themes/starshop_fashion/img/modules/leomanagewidgets/banner-1.png" alt="" /> <div class="ImageOverlayS"> </div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12"> <div class="ImageWrapper chrome-fix"><img class="img-responsive" src="/prestashop/starshop/themes/starshop_fashion/img/modules/leomanagewidgets/banner-2.png" alt="" /> <div class="ImageOverlayS"> </div> </div> </div> </div>
2. Back-office Settings :