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

1. Display Nav

---

- Front End

- Configure Apollo Page Builder ( Backend > Ap PageBuilder > Ap Profiles Manage > Select Shop 1 > View )

1.1 Widget HTML

- Edit Widget HTML

<div>Hello! Here is a default welcome message</div>

1.2 Module Group Top Block

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

1.3 Module User info Block

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

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

2. Display Top

---

Front End

- Configure Apollo Page Builder ( Backend > Ap PageBuilder > Ap Profiles Manage > Select Shop 1 > View )

2.1 Logo generate code

2.1.1 Edit widget Generate code

2.1.2 HTML Generate code

<div id="header_logo">
	<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>
</div>

									

2.1.3 Change Logo

Backend > Preferences > Themes

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

2.3 Module Block Search (Backend > Modules > Quick search block)

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

2.4 Module Block Cart

Configure Cart block( Backend > Modules > Cart block )

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

3. Display Top Column

---

- Front End

- Configure Apollo Page Builder ( Backend > Ap PageBuilder > Ap Profiles Manage > Select Shop 1 > View )

3.1 Configure Leo SlideShow

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

4. DISPLAY HOME

---

Front End

- Configure Apollo Page Builder ( Backend > Ap PageBuilder > Ap Profiles Manage > Select Shop 1 > View )

4.1 Widget Image

- Edit Widget Image

Select change Image

- Edit Description HTML Code

<p><a href="#">Drag image for more</a></p>

4.2 Widget Raw HTML

- Edit Raw HTML

<h4 class="title_block">Bicycle <br>handlebars</h4>
<p>I’m just getting started. Watch your back, but more importantly when you get out your shower, dry your back, 
it's a cold world out there.</p>
<p><a class="btn btn-outline" href="#" title="Shop now">Shop now <i class="fa fa-long-arrow-right"></i></a></p>

4.3 Widget Image( Configure Widget Image follow link )

- Edit Description HTML Code

<h4 class="title_block">Mega sale <br />for 2016 summer</h4>
<p>The key to succeess is to have a lot of pillows. We don't see 
<br />them, we will never see them. Put is this way, it took me twenty five 
<br />years to get these plants</p>

4.4 Widget Product Carousel

- Edit Widget Product Carousel

4.5 Widget Manufacture Carousel

- Edit Widget Manufacture Carousel

4.6 Widget Block Carousel

- Edit Widget Block Carousel

- Edit Description HTML Code

<div class="testi_des">They never said winning was easy. Some people can't handle success, I can. 
The orther day the grass was brown, now it's green because I ain't give up. Never surrender. 
The orther day the grass was brown, now it's green because I ain't give up. Never surrender.</div>
<div class="testi_infor">
    <p class="testi_1">wayne rooney</p>
    <p class="testi_2">Captain from Manchester United</p>
</div>

4.7 Widget Image( Configure Widget Image follow link )

- Edit Description HTML Code

<h3><a href="http://instagram.com/">Our Instagram</a></h3>

4.8 Module Newsletter Block

- Configure module (Backend > Modules > Newsletter block)

- You can configure enable/disable module

4.9 Module Social Block

- Configure module (Backend > Modules > Social networking block)

5. Display Footer

---

- Front End

- Configure Apollo Page Builder ( Backend > Ap PageBuilder > Ap Profiles Manage > Select Shop 1 > View )

5.1 Widget Raw HTML( Configure Widget Raw HTML follow link )

- Edit Raw HTML

<p>Est usus legentis in iis qui facit eorum claritatem possim Investigationes demonstraverunt lectores legere me 
lius quod ii legunt saepius</p>
<ul>
<li><em class="fa fa-map-marker"></em>221b Baker street - London - UK</li>
<li><em class="fa fa-phone"></em>(+84). 123. 456. 789</li>
<li><em class="fa fa-envelope"></em><a href="#" title="email">[email protected]</a></li>
</ul>
													

5.2 Widget Block Link

5.3 Widget Block Link ( Configure Widget Raw HTML follow link )

5.4 Widget Block Link ( Configure Widget Raw HTML follow link )

5.5 Widget HTML ( Configure Widget Raw HTML follow link )

- Edit HTML

<p><span>VL © 2016 - All Rights Reserved. Designed by Leotheme</span></p>
													

5.6 Widget Image( Configure Widget Image follow link )

6. Tool bar

---

- Front End

- Configure Tool bar(Backend > Modules > Leo Theme Control Panel)