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 > Improve > Ap PageBuilder > Ap Module Configuration

I. Backend > Improve > ApPageBuilder > Ap Theme Configuration

1. General setting

   

2. Pages setting

   

3. Font setting

   

4. Data sample

   

II. Backend > Improve > Leo Live Theme Editor

Back end

1. Display Nav 2

---

- Front End

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

1.1 Configure Leo SlideShow

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

- You can read guide in link (Blog Guide)

2. Display Top

---

Front End

- Configure Apollo Page Builder ( Backend > Improve > 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="{$urls.base_url}">
<img class="logo img-fluid" src="{$shop.logo}" alt="{$shop.name} {l s='logo' d='Shop.Theme'}">
</a>
</div>
							

2.1.3 Change Logo

Backend > Improve > Design > Theme & Logo

2.2 Leo Megamenu( Backend > Improve > Modules > Leo Megamenu Configuration )

- Front end

- Configure Leo Megamenu ( Backend > Improve > Modules > Leo Megamenu Configuration )

- You can read guide in link (Blog Guide)

2.3 Block Group Top

Configure Languages ( Backend > Improve > Modules > Modules & Services > Block Group Top )

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

2.4 Module Customer Sign in

Configure Customer Sign in( Backend > Improve > Modules > Modules & Services > Customer "Sign in" link )

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

2.5 Module Search Bar ( Backend > Improve > Modules > Modules & Services > Search bar )

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

2.6 Module Cart Block

Configure Cart block ( Backend > Improve > Modules > Modules & Services > Shopping cart )

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

3. DISPLAY HOME

---

Front End

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

3.1 Widget HTML

- Configure Widget HTML

- Edit HTML

<div>the best sale - off items are available now</div>

3.2 Widget Image

- Edit Widget Image

- Select change Image

3.3 Widget Product Carousel

Front end

Edit Widget Product Carousel

3.4 Widget HTML ( Configure Widget HTML follow link )

- Edit HTML

<div class="line-1">Be <span class="text-bold"> BOLD </span> or <span class="text-italic"> italic</span></div>
<div class="line-2"><span>Never be</span> <span class="text-regular"> Regular</span></div>
<p><a href="#" class="btn btn-inverse">discover more</a></p>

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

3.6 Widget Image ( Configure Widget Image follow link )

3.7 Widget Image ( Configure Widget Image follow link )

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

3.9 Widget Image ( Configure Widget Image follow link )

3.10 Widget Manufactures Carousel

+ Edit Widget Manufactures Carousel

3.11 Leo Blog

+ Edit Widget Blog

3.12 Widget Instagram

+ Edit Widget Instagram

4. Display Footer Before

---

- Front End

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

4.1 Widget HTML ( Configure Widget HTML follow link )

- Edit HTML

<div class="contact_info row">
   <ul class="col-md-6 col-sm-6 col-sp-12">
      <li>
         <span class="title">Address 1</span>
         <p>8th Floor - Royal Palace - 221b Baker Street - London - <br />United Kingdom</p>
      </li>
      <li>
         <span class="title">Address 2</span>
         <p>1st Wall Street - SF - United State</p>
      </li>
   </ul>
   <ul class="col-md-6 col-sm-6 col-sp-12">
      <li>
         <span class="title">Call us</span> 
         <a href="tel:0123456789" title="0123. 456. 789">Main office: 0123. 456. 789</a> 
         <a href="tel:0123987654" title="0123. 987. 654">Support Team: 0123. 987. 654</a>
      </li>
      <li>
         <span class="title">Mail to</span> 
         <a href="mailto:info@yourdomain.com" title="info@yourdomain.com">info@yourdomain.com </a>
      </li>
   </ul>
</div>

4.2 Module Email Subcription

- Configure module ( Backend > Improve > Module > Modules & Services > Email Subcription )

- You can configure enable/disable module

+ You can edit "ps_emailsubscription.tpl" at: \themes\THEME_NAME\modules\ps_emailsubscription\views\templates\hook\ps_emailsubscription.tpl

4.3 Module Social Follow

- Configure module ( Backend > Improve > Module > Modules & Services > Social media follow links )

- You can configure enable/disable module

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

5. Display Footer

---

- Front End

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

5.1 Widget Block Link

5.2 Module Customer Account Links

- Configure module ( Backend > Improve > Module > Modules & Services > My account block )

- You can configure enable/disable module

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

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

5.4 Widget HTML

- Configure Widget HTML ( Configure Widget Image follow link )

- Edit HTML

<div class="voucher">
<ul>
<li><span>From Monday to Friday <br />8 am to 10 pm</span></li>
<li><span>Saturday & Sunday <br />10 am to 8 pm</span></li>
<li><span>Holiday is closed</span></li>
</ul>
</div>

6. Display Footer After

---

- Front End

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

6.1 Widget HTML ( Configure Widget HTML follow link )

- Edit HTML

<div class="text-coppy-right text-md-left">© 2017 Datran - All Rights Reserved. Designed by Leotheme</div>

6.2 Widget Image ( Configure Widget Image follow link )

6. Tool bar

---

- Front End

- Configure Tool bar ( Backend > Improve > ApPageBuilder > Ap Theme Configuration )