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 1

---

- Front End

- Configure Apollo Page Builder ( Backend > Improve > 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 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

1.3 Module Block Languages

Configure Languages ( Backend > Improve > Modules > Modules & Services > Language selector block )

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

1.4 Module Block Currencies

Configure Currencies( Backend > Improve > Modules > Modules & Services > Currency Block )

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

2. Display Nav 2

---

- 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 Module Search Block ( Backend > Improve > Modules > Modules & Services > Search bar )

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

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

---

Front End

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

3.1 Leo Megamenu - Horizontal Type ( Backend > Improve > Modules > Leo Megamenu Configuration )

- You can read guide in link (Blog Guide)

- Front end

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

+ Creat new Megamenu Group

+ Configure Megamenu Group

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

3.2 Leo Megamenu - Vertical Type ( Backend > Improve > Modules > Leo Megamenu Configuration )

- You can read guide in link (Blog Guide)

- Front end

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

+ Creat new Megamenu Group

+ Configure Megamenu Group

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

4. DISPLAY HOME

---

Front End

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

4.1 Configure Leo SlideShow

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

4.2 Widget Image

- Edit Widget Image

- Select change Image

* Select Image by Widget HTML

- Edit HTML ( Configure Widget HTML follow link )

- Code HTML

<div class="row no-margin">
		   <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-fluid" 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-fluid" title="" alt="" />
			      	</a>
			    </div>
		   </div>
		</div>
							

4.3 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.4 Widget Product Carousel

Edit Widget Product Carousel

4.5 Widget Image( Configure Widget Image follow link )

4.6 Widget Manufactures Carousel

+ Edit Widget Manufactures Carousel

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

4.8 Widget Image( Configure Widget Image follow link )

4.9 Widget Manufactures Carousel( Configure Widget Manufactures Carousel follow link )

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

4.11 Widget 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 nopadding_left">
   <div class="banner_slide effect">
      <a href="https://www.prestashop.com/">
      <img src="_AP_IMG_DIR/banner6_h4.jpg" class="img-fluid" title="" alt="" />
      </a>
   </div>
</div>
<div class="col-md-6 col-lg-6 col-sm-6 col-xs-6 col-sp-12 nopadding_right">
   <div class="banner_slide effect">
      <a href="https://www.prestashop.com/"> 
      <img src="_AP_IMG_DIR/banner7_h4.jpg" class="img-fluid" title="" alt="" /> 
      </a>
   </div>
</div>
							

4.12 Widget Image( Configure Widget Image follow link )

4.13 Widget Image( Configure Widget Image follow link )

4.14 Widget Manufactures Carousel( Configure Widget Manufactures Carousel follow link )

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

4.16 Widget Image( Configure Widget Image follow link )

4.17 Widget Manufactures Carousel( Configure Widget Manufactures Carousel follow link )

4.18 Widget Blog

+ Edit Widget Blog

4.19 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 > Improve > Ap PageBuilder > Ap Profiles Manage > Select Shop 1 > View )

5.1 Widget Block Link

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

5.3 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.4 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

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><span>© 2016 Chocolate - All Rights Reserved. Designed by Leotheme</span></div>

6.2 Widget Image( Configure Widget Image follow link )

6. Tool bar

---

- Front End

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