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 Home 1 > View)

1.1 Module Block Currency block

Configure Block Currency block ( Backend > Modules > Block Currency block )

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

1.2 Module Language block

Configure Language selector block( Backend > Modules > Language block )

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

1.3 Module User info block

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

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

1.4 Module Cart Block ( Backend > Modules > Cart block )

+ You can edit "blockcart.tpl" at: \themes\THEME_NAME\modules\blockcart\blockcart.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\PROJECT_NAME\modules\blocksearch\blocksearch-top.tpl

3. Display Topcolumn

---

- 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 Manufacturers Carousel

- Edit Manufacturers Carousel

4.2 Widget Image

Edit Image

Select change Image

Description of Image

<h4>Elegant & Fashion</h4>
<p>Lorem Khaled Ipsum is a major Lorem Khaled Ipsum is a major key to success. You see the hedges, how I got it shaped up? It’s important to shape up your hedges, it’s like getting a haircut, stay fresh.</p>
<p><a href="http://prestashop.com" class="btn btn-outline" title="Shop it now">Shop it now</a></p>
		

4.3 Widget Image ( Configure Widget Image follow link )

Description of Image

<h4>Attractive & Sexy</h4>
<p>Lorem Khaled Ipsum is a major Lorem Khaled Ipsum is a major key to success. You see the hedges, how I got it shaped up? It’s important to shape up your hedges, it’s like getting a haircut, stay fresh.</p>
<p><a href="http://prestashop.com" class="btn btn-outline" title="Shop it now">Shop it now</a></p>
		

4.4 Widget HTML & Product Carousel

- Front End

- Edit Widget HTML

- Edit Code HTML

- Code HTML

<div>Lorem Khaled Ipsum is a major key to success. Major key, don’t fall for the trap, stay focused</div>
		

- Edit Product Carousel

You must not delete class of column "group-products latest-products". It will lose css and this themes will be error.

- Add title Column - Click Edit Column

4.5 Module Newsletter block

Configure module (Backend > Modules > Newsletter block)

You can configure enable/disable module

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

4.6 Widget Image ( Configure Widget Image follow link )

4.7 Widget Product Carousel

- Front End

- Edit Product Carousel ( Configure Widget Product Carousel follow link )

You must not delete class of column "group-products featured-items". It will lose css and this themes will be error.

4.8 Widget Block Carousel

- Front End

- Edit Block Carousel

4.9 Widget Raw HTML

- Code HTML

<div class="reassurances-block">
    <div class="reassurances-items">    
        <span class="icon-name fa fa-car"></span>
        <div class="info">
            <h4>free shipping</h4>   
            <div class="description">2 weeks Delivery Worldwide for all order ovee $999.</div>
        </div> 
    </div>
    <div class="reassurances-items">    
        <span class="icon-name fa fa-headphones"></span>
        <div class="info">
            <h4>24/7 support</h4>  
            <div class="description">Premium Support 24 hours per day, including holiday</div>
        </div>
    </div>
    <div class="reassurances-items">    
        <span class="icon-name fa fa-recycle"></span>
        <div class="info">
            <h4>30 days exchange</h4>
            <div class="description">Free 1st return on all order in 30 days, excluding holiday</div>
        </div>
    </div>
</div>
		

4.10 Widget Image ( Configure Widget Image follow link )

5. Display Footer

---

- Front End

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

5.1 Widget HTML - About us( Configure Widget HTML follow link )

- Code HTML

<div>Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam putamus parum claram, anteposuerit litterarum formas.</div>
		

5.2 Module Social networking block

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

5.3 Module CMS Block

Configure module (Backend > Modules > CMS block)

You can configure module

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

5.4 Module Block My Account Footer

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

5.5 Widget Image Gallery

- Edit Image Gallery

You must not delete name folder Override folder "footer". It will lose css and this themes will be error.

5.6 Widget HTML - Copyright ( Configure Widget HTML follow link )

- Code HTML

			<div>Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam putamus parum claram, anteposuerit litterarum formas.</div>
		

6. Tool bar

---

- Front End

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