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 HTML

- Code HTML

<div>Free Shipping on all order over $2000</div>
									

1.2 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

1.3 Module Block Languages

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

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

1.4 Module Block Currencies

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

+ You can edit "blockgcurrencies.tpl" at: \themes\THEME_NAME\modules\blockgcurrencies\blockgcurrencies.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 Quick Search Block(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 )

3.2 Widget Image

- Edit Widget Image

Select change Image

3.3 Widget HTML

- Edit HTML ( Configure Widget HTML follow link )

- Code HTML

<div class="col-md-6 col-lg-6 col-sm-6 col-xs-6 col-sp-12 no-padding">
   <div class="banner_slide effect">
      <a href="https://www.prestashop.com/"> 
      <img src="_AP_IMG_DIR/banner2_h1.jpg" class="img-responsive" title="" alt="" /> 
      </a>
   </div>
</div>
<div class="col-md-6 col-lg-6 col-sm-6 col-xs-6 col-sp-12 no-padding">
   <div class="banner_slide effect">
      <a href="https://www.prestashop.com/"> 
      <img src="_AP_IMG_DIR/banner3_h1.jpg" class="img-responsive" title="" alt="" /> 
      </a>
   </div>
</div>
									

4. DISPLAY HOME

---

Front End

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

4.1 Widget Raw HTML

- Edit Raw HTML

- Code HTML

<div class="media">
   <div class="icon-box">
      <em class="fa fa-car"></em>
   </div>
   <div class="media-body">
      <h4>
         <a title="free shipping" href="#">free shipping</a>
      </h4>
      <p>Watch your back, more importantly when you get out the shower</p>
   </div>
</div>
									

4.2 Widget Raw HTML

- Edit Raw HTML ( Configure Widget Raw HTML follow link )

- Code HTML

<div class="media">
   <div class="icon-box">
      <em class="fa fa-headphones"></em>
   </div>
   <div class="media-body">
      <h4>
         <a title="premium support" href="#">premium support</a>
      </h4>
      <p>Watch your back, more importantly when you get out the shower</p>
   </div>
</div>
									

4.3 Widget Raw HTML

- Edit Raw HTML ( Configure Widget Raw HTML follow link )

- Code HTML

<div class="media">
   <div class="icon-box">
      <em class="fa fa-pagelines"></em>
   </div>
   <div class="media-body">
      <h4>
         <a title="member discount" href="#">member discount</a>
      </h4>
      <p>Watch your back, more importantly when you get out the shower</p>
   </div>
</div>
									

4.4 Widget Tab & Product List

+ Edit Widget Tab:

- Edit Ap Tab

- Edit Sub Tab

+ Edit Widget Product Carousel

4.5 Widget Product Carousel ( Configure Widget Product Carousel follow link )

4.6 Widget Image( Configure Widget Image follow link )

4.7 Widget Image( Configure Widget Image follow link )

4.8 Widget Manufactures Carousel

+ Edit Widget Manufactures Carousel

4.9 Widget Blog

+ Edit Widget Blog

4.10 Widget Block Carousel

- Edit Widget Block Carousel

- Edit Description HTML Code

<div class="testi_des">Look at the sunset, life is amazing, life is beautiful, life is what you make it. We the best. 
	You see that bamboo behind me though, you see that bamboo?</div>
<div class="testi_infor">
   BOYOVER <span>via</span> Twitter
</div>

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

<div class="media">
   <div class="icon-box">
      <em class="fa fa-paper-plane"></em>
   </div>
   <div class="media-body">
      <h4>
         <a title="For anything that we can help" href="#">For anything that we can help</a>
      </h4>
      <p>The key to more success is to get a massage once a week, very important!</p>
   </div>
</div>
<div class="btn_service">
   <a class="btn btn-inverse" title="contac us" href="#">
   contact us
   </a>
</div>
										

5.2 Widget Google Map

- Edit Widget Google Map

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

- Edit Raw HTML

<div class="image_description">
   <ul>
      <li><i class="fa fa-map-marker"></i><span>Royal House - 221b baker Street - <br />London - UK</span></li>
      <li><i class="fa fa-phone"></i><span>0123. 456. 789</span></li>
      <li><i class="fa fa-envelope-o"></i><a href="#" title="email">info@yourdomain.com</a></li>
   </ul>
</div>
										

5.4 Widget Block Link

5.5 Widget Block Link ( Configure Widget Block Link follow link )

5.6 Module My Account Footer Block

- Configure module (Backend > Modules > My Account Footer Block)

- You can configure enable/disable module

5.7 Module Newsletter Block

- Configure module (Backend > Modules > Newsletter block)

- You can configure enable/disable module

5.8 Widget HTML( Configure Widget HTML follow link )

- Edit HTML

<div><span>© 2016 Xalem - All Rights Reserved. Designed by Leotheme</span></div>
										

5.9 Widget Image( Configure Widget Image follow link )

6. Tool bar

---

- Front End

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