THANK YOU FOR PURCHASING OUR THEME!

Here are some basics on installing, configuring and customizing the Leotheme.

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 Top

- Front End

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

1.1 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

1.2 Logo generate code

1.2.1 Edit widget Generate code

1.2.2 HTML Generate code

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

1.2.3 Change Logo

Backend > Preferences > Themes

1.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

1.4 Module User info block

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

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

1.5 Module Language selector block

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

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

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

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

2. Display Topcolumn

- Front End

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

2.1 Configure Leo SlideShow

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

3. Display Home

- Front End

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

3.1 Widget Image Of Categories

Select change Image

3.2 Widget Product Carousel

<div class="feature-box">                   
		<div class="fbox-icon"><a href="#"><i class="icon icons-v1"></i></a></div>
		<div class="fbox-body">
		<h4>Safe Payment</h4>
		<p>Pay with the world’s most popular and secure payment methods.</p>
		</div>
		</div>

<div class="feature-box">                   
		<div class="fbox-icon"><a href="#"><i class="icon icons-v2"></i></a></div>
		<div class="fbox-body">
		<h4>Worldwide Delivery</h4>
		<p>With sites in 9 languages, we ship to over 200 countries & regions.</p>
		</div>
		</div>

<div class="feature-box">                   
		<div class="fbox-icon"><a href="#"><i class="icon icons-v3"></i></a></div>
		<div class="fbox-body">
		<h4>24/7 Help Center</h4>
		<p>Round-the-clock assistance for a smooth shopping experience.</p>
		</div>
		</div>

<div class="feature-box last">
		<div class="fbox-icon"><a href="#"><i class="icon icons-v4"></i></a></div>
		<div class="fbox-body">
		<h4>V.I.P member</h4>
		<p>Simply add the item to your shopping bag and proceed to</p>
		</div>
		</div>