Leo Fashion Store

created: 01/24/2014
latest update: 01/24/2014
by: leotheme
email: leotheme@gmail.com

THANK YOU FOR PURCHASING OUR THEME!

Here are some basics on installing, configuring and customizing the Leotheme,

BEFORE WE GO

The 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 there is no time. 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

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.

Steps of how to install QuickStart

Go to leotheme.com download quickstart file
Extract it in your host
Install it is like prestashop default file

Note: all the steps are described in the video already.

For each package you download from Leotheme, you will have: quickstart package, theme package, PSD. You can download theme package, if you have avail shop and install follow guide

Steps of how to install Prestashop theme

Go to back-end, navigate to: Modules > Import/export a theme >> then Configure
Select Import from your computer
Next until Finish

Note:Please note that all the steps are described in the video already.

1. Install follow video guide

2. Install follow demo images

+ Install theme -> Backend -> Modules -> Import/export

+ Also, you can put themes on the folder modules/themeinstallator/import/ form FTP

> Next to install

3. Creat or edit size image and Regenerate thumbnails

-> Backend -> Preferences -> Images

+ Creat or edit size image

+ Regenerate thumbnails

+ Select Theme

4. Check position Modules

5. Configure Module

+ Back-end > Modules > Leo Theme Control Panel Module (Guide module here)

+ Back-end > Modules > Leo Manage Widgets Module (Guide module here)

> This code HTML

1. Advertising HTML

<div class="col-md-4 col-lg-4 col-sm-4 col-xs-12">
<div class="box">
<a href="#">
<img src="modules/leomanagewidgets/img/img-baner1.jpg" alt="" />
</a>
</div>
<div class="box">
<a href="#">
<img src="modules/leomanagewidgets/img/img-baner3.jpg" alt="" />
</a>
</div>
</div>
<div class="col-md-4 col-lg-4 col-sm-4 col-xs-12">
<div class="box">
<a href="#">
<img src="modules/leomanagewidgets/img/img-baner5.jpg" alt="" />
</a>
</div>
</div>
<div class="col-md-4 col-lg-4 col-sm-4 col-xs-12">
<div class="box">
<a href="#">
<img src="modules/leomanagewidgets/img/img-baner2.jpg" alt="" />
</a>
</div>
<div class="box">
<a href="#">
<img src="modules/leomanagewidgets/img/img-baner4.jpg" alt="" />
</a>
</div>
</div>

2. Latest News

<div class="blogs">
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<div class="caption">
<div class="blog-title">
<a href="#">Lorem ipsum dolor</a>
</div>
<p>
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
</p>
<p>
<a class="link" href="#">Read more</a>
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<div class="caption">
<div class="blog-title">
<a href="#">Phasellus non massa</a>
</div>
<p>
Vivamus vel scelerisque urna, at rhoncus nibh. Morbi lobortisAliquam molestie nibh at mi ornare scelerisque. Nullam facilisis egestas nunc, vitae congue metus moleste..
</p>
<p>
<a class="link" href="#">Read more</a>
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<div class="caption">
<div class="blog-title">
<a href="#">Duis in purus tristique</a>
</div>
<p>
Donec convallis, nulla id eleifend lobortis, ligula ipsum mollis leo, vel vehicula urna velit facilisis purus. In est velit, suscipit sed lobortis ut.
</p>
<p>
<a class="link" href="#">Read more</a>
</p>
</div>
</div>
</div>
</div>
</div>

3. Banner

<p><img src="modules/leomanagewidgets/img/img-news.jpg" alt="banner" /></p>

4. Custom HTML

<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="box logo-ft">
<img src="modules/leomanagewidgets/img/logo_footer.png" alt="logo-footer" />
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="box about">
<h3 class="title_block">
<span>About The Shop</span>
</h3>
<p>
Sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. 
Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. 
Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio.
</p>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="social-link">
<h3 class="title_block">
<span>Follow Us On Social</span>
</h3>
<ul class="social">
<li>
<a class="facebook" href="#"> <em class="fa fa-facebook stack"><span>Facebook</span></em>
</a>
</li>
<li>
<a class="twitter" href="#"> <em class="fa fa-twitter stack"><span>Twitter</span></em> 
</a>
</li>
<li>
<a class="rss" href="#">
<em class="fa fa-rss stack">
<span>Google Plus</span>
</em>
</a>
</li>
<li>
<a class="youtube" href="#">
<em class="fa fa-youtube stack">
<span>Youtube</span>
</em>
</a>
</li>
<li>
<a class="skype" href="#">
<em class="fa fa-skype stack">
<span>Skype</span>
</em>
</a>
</li>
</ul>
</div>
</div>
</div>

+ Back-end > Modules > Leo Menu Bootstrap Module (Guide module here)