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

- Configure Widget HTML

- Edit HTML

<div class="contact-top">
   <span>
   <i class="icon-phone"></i> 
   <a href="tel:0123456789" title="0123456789"><span class="contact-label">Call us:</span> 0123 - 456 - 789</a> 
   </span> 
   <span> 
   <i class="icon-envelope"></i> 
   <a href="mailto:[email protected]" title="[email protected]"><span class="contact-label">Mail to:</span> [email protected]</a> 
   </span>
</div>

1.2 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

2. Display Top

---

Front End

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

2.1 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.2 Logo generate code

2.2.1 Edit widget Generate code

2.2.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.2.3 Change Logo

Backend > Improve > Design > Theme & Logo

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 Configure Leo SlideShow

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

- You can read guide in link (Blog Guide)

3.2 Widget Raw HTML

- Configure Widget Raw HTML

- Edit HTML

<div class="media">
    <div class="icon-box">
        <i class="icon-plane"></i>
    </div>
    <div class="media-body">
        <h4>
            <a title="Free Shipping" href="#">Free Shipping</a>
        </h4>
        <p>No matter where you are! You offer for worldwide shipping on all our order from $2000</p>
    </div>
</div>

<div class="media">
    <div class="icon-box">
        <i class="icon-earphones-alt"></i>
    </div>
    <div class="media-body">
        <h4>
            <a title="Premium Support" href="#">Premium Support</a>
        </h4>
        <p>24/7 support! Call us for your any problem, or simple want to make a chat with us</p>
    </div>
</div>

<div class="media">
    <div class="icon-box">
        <i class="icon-refresh"></i>
    </div>
    <div class="media-body">
        <h4>
            <a title="7 days return" href="#">7 days return</a>
        </h4>
        <p>We support 1 week returns on all our product. And it's totaly free, always!</p>
    </div>
</div>

3.3 Widget Image

- Edit Widget Image

- Select change Image

3.4 Widget Image of Category

- Edit Image of Category

3.5 Widget Manufactures Carousel

+ Edit Widget Manufactures Carousel

3.6 Widget Product List

Edit Widget Product List

3.7 Widget Block Carousel

- Edit Widget Block Carousel

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:[email protected]" title="[email protected]">[email protected] </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">© 2018 Bebe - All Rights Reserved. Designed by Apollotheme</div>

6.2 Widget Image ( Configure Widget Image follow link )

6. Tool bar

---

- Front End

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