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 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

I. Backend > Modules > Leo Theme Configuration

1. General setting

   

2. Pages setting

   

3. Customize setting

   

4. Font setting

   

5. Data sample

   

II. Backend > Modules > Leo Position Control Panel

III. Backend > Modules > Leo Live Theme Editor

Back end

Front end

1. Display Top

---

1.1 Logo generate code

1.1.1 Edit widget Generate code

1.1.2 HTML Generate code

<a href="{if $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
        <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"
		{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}
		{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/></a>

1.1.3 Change Logo

Backend > Preferences > Themes

1.2 Leo Bootstrap Megamenu(Backend > Modules > Block Leo Bootstrap Megamenu)

- You can read guide in link (Blog Guide)

- Front end

- Configure Block Leo Bootstrap Megamenu(Backend > Modules > Block Leo Bootstrap Megamenu)

+ You can using "Live Edit Tools" To Make Rich Content For Megamenu

1.3 Module search block (Backend > Modules > Quick search block )

You can configure enable/disable module

+ You can edit "blocksearch-top.tpl" at: \themes\PROJECT_NAME\modules\blocksearch\blocksearch-top.tpl

1.4 Module User info block

You can configure enable/disable module

Configure User info block( Backend > Modules > User info block )

+ You can edit "nav.tpl" at: \themes\PROJECT_NAME\modules\blockuserinfo\nav.tpl

1.5 Module Block Group Top

You can configure enable/disable module

+ You can edit "blockgrouptop.tpl" at: \themes\THEME_NAME\modules\blockgrouptop\blockgrouptop.tpl

1.6 Module Cart Block ( Backend > Modules > Cart block )

You can configure enable/disable module

+ You can edit "blockcart.tpl" at: \themes\THEME_NAME\modules\blockcart\blockcart.tpl

2. Display Top Column

---

2.1 Configure Leo SlideShow

- Configure Leo Slideshow for your homepage ( Backend > Module > Leo Slideshow )

3. Display Home

---

3.1 Widget Raw Html

- Edit Raw Html

- Edit Description HTML Code

<div class="desc-about">
<p>Congratulations, you played yourself. Let’s see what Chef Dee got that they don’t want us to eat. You see the hedges, how I got it shaped up? It’s important to shape up your hedges, it’s like getting a haircut, stay fresh. Put it this way, it took me twenty five years to get these plants, twenty five years of blood sweat and tears.</p>
<p>The key to more success is to have a lot of pillows. The key to more success is to have a lot of pillows. Special cloth alert. You see the hedges, how I got it shaped up? It’s important to shape up your hedges, it’s like getting a haircut, stay fresh. Lion! Learning is cool, but knowing is better, and I know the key to success. A major key, never panic. Don’t panic, when it gets crazy and rough, don’t panic, stay calm.</p>
</div>

<div class="group-service-about">

<div class="service blue">
<i class="fa fa-truck"></i>
<h3>Free Shipping</h3>
<p>For all order in UK</p>
</div>

<div class="service red">
<i class="fa fa-headphones"></i>
<h3>24/7 Support</h3>
<p>Everytime you need</p>
</div>

<div class="service purple">
<i class="fa fa-refresh"></i>
<h3>Free exchange</h3>
<p>Return for 1st order</p>
</div>

</div>

3.2 Module Leopartsfilter

3.2.1 Edit/Enable/Disable module

You can configure enable/disable module

3.2.2 Config

If you choose Make, you must choose at least Make to fillter. If you choose Model, you must choose at least Make and Model to fillter. If you choose Year, you must choose all to fillter

3.2.3 Insert data

You must insert informations sequence: Make Management -> Model Management -> Year Management at Back Office > Module

Then, Go to Back Ofice > Product. Choose a product.

+ You can edit "filterbox.tpl" at: \themes\THEME_NAME\modules\leopartsfilter\views\templates\front\filterbox.tpl

3.3 Widget Block Carousel

- Edit Widget Block Carousel

- Edit Description HTML Code

<p>Lorem Khaled Ipsum is a major key to success. Cloth talk. Yaou see the hedges, how I got it shaped up? It’s important to shape up your hedges, it’s like getting a haircut, stay fresh. Look at the sunset, life is amazing, life is beautiful, life is what you make it!</p>
<a href="#" class="btn">Find now</a>

3.4 Widget Image

- Edit Widget Image

Select change Image

3.5 Widget Image( Configure Image follow link )

3.6 Widget Image( Configure Image follow link )

3.7 Widget Manufacture Carousel

- Edit Widget Manufacture Carousel

3.8 Widget Raw Html( Configure Raw Html follow link )

- Edit Description HTML Code

<div class="title-contact-form">
Need a help.<br>
Contact us now!
</div>

3.9 Module ApContactform

- Edit module ApContactform

+ You can edit "apcontactform.tpl" at: \themes\THEME_NAME\modules\apcontacform\views\templates\front\apcontactform.tpl

3.10 Widget Raw HTML( Configure Raw HTML follow link )

- Edit Description HTML Code

<div class="contact-info">
<div class="left-block"><i class="fa fa-map-marker"></i></div>
<div class="right-block">
<h4>location</h4>
<p>221b Baker Street - London - UK</p>
</div>
</div>

3.11 Widget Raw HTML( Configure Raw HTML follow link )

- Edit Description HTML Code

<div class="contact-info">
<div class="left-block"><i class="fa fa-headphones"></i></div>
<div class="right-block">
<h4>phone number</h4>
<p>0123. 456. 789</p>
</div>
</div>

3.12 Widget Raw HTML( Configure Raw HTML follow link )

- Edit Description HTML Code

<div class="contact-info">
<div class="left-block"><i class="fa  fa-envelope"></i></div>
<div class="right-block">
<h4>mail to</h4>
<p>info@yourdomain.com</p>
</div>
</div>

3.13 Widget Raw HTML( Configure Raw HTML follow link )

- Edit Description HTML Code

<div class="contact-info">
<div class="left-block"><i class="fa fa-skype"></i></div>
<div class="right-block">
<h4>skype</h4>
<p>leotheme_support</p>
</div>
</div>

4. Display Footer

---

4.1 Block Social

You can configure enable/disable module

+ You can edit "blocksocial.tpl" at: \themes\PROJECT_NAME\modules\blocksocial\blocksocial.tpl

4.2 Widget Twitter

You can configure enable/disable module

4.3 Module Newsletter block

Configure module (Backend > Modules > Newsletter block)

You can configure enable/disable module

+ You can edit "blocknewsletter.tpl" at: \themes\THEME_NAME\modules\blocknewsletter\blocknewsletter.tpl

4.4 Widget Block Link

4.5 Module Block CMS

You can Add/Edit cms at Backend > Preferences > CMS

+ You can edit "blockcms.tpl" at: \themes\THEME_NAME\modules\blockcms\bloccms.tpl

4.6 Module Myaccountfooter

You can configure enable/disable module

+ You can edit "blockmyaccountfooter.tpl" at: \themes\THEME_NAME\modules\blockmyaccountfooter\blockmyaccountfooter.tpl

4.7 Widget Raw HTML - Copyright

- Code HTML

<div class="block_content toggle-footer">
<ul class="bullet toggle-footer list-group">
<li>From Monday to Friday</li>
<li>8 am to 10 pm</li>
<li>Saturday & Sunday</li>
<li>10 am to 8 pm</li>
</ul>
</div>

4.8 Widget Raw HTML - Copyright

- Code HTML

<div class="copyright">
© 2016 Kanol - All Rights Reserved. Designed by Leotheme
</div>

4.9 Widget Image ( Configure Image follow link )