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

II. Backend > Ap PageBuilder > Ap Theme Configuration

1. General setting

   

2. Pages setting

   

3. Font setting

   

4. Data sample

   

III. Backend > PageBuilder > Ap Live Theme Editor

Back end

1. Display Top

---

- Front End

2.1 Logo Generate code

2.1.1 Edit Widget Generate code

2.1.2 HTML Generate code

<div class="header_logo text-xs-center">
<a href="{$urls.base_url}">
<img class="logo img-fluid" src="{$shop.logo}" alt="{$shop.name}">
</a>
</div>

2.1.3 Change Logo

Backend > Preferences > Themes

2.2 Megamenu Module (Horizontal)

- You can read guide in link (Blog Guide)

- Front end

- Configure Leo Bootstrap Megamenu(Backend > Modules > Modules & Services > Installed modules > Leo Bootstrap Megamenu)

+ Or you can configure this module follow link(Backend > Backend > Modules > Leo Megamenu Configuration)

- Back end

+ Edit Group

+ Edit Megamenu

+ Edit Widget

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

1.6 Module Block Grouptop

Configure Block Group Top ( Backend > Modules > Block Group Top )

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

2.3 Widget Raw HTML

- Code HTML

<a class="btn" href="add">rent now</a>
		

You must not delete class "btn-submit". It will lose css and this themes will be error.

2. Display Home

---

- Front End

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

2.1 Configure Leo SlideShow

- You can read guide in link (Blog Guide)

- Configure Leo SlideShow(Backend > Modules > Modules & Services > Installed modules > Leo SlideShow)

+ Or you can configure this module follow link(Backend > Backend > Modules > Leo SlideShow Configuration)

- Configure Leo Slideshow for your homepage

+ Select Manages Sliders

+ Select Hook

+ Configure Image Setting

+ Configure CSS Setting

+ Edit Slider

2.2 Apcarrental search (Generate code)

- You can read guide in link (Blog Guide)

Edit Widget Generate code

2.3 Widget Raw HTML

- Code HTML

<div class="gift-item gift-item-1">
    <div class="icon-name"><i class="icon-magnifying-glass"></i> </div>
     <div class="gift-info">
          <h5>01. Select your car</h5>
           <p>Select your car, choose your location, time and pick it up</p>
    </div>
</div>
<div class="gift-item gift-item-2">
    <div class="icon-name"><i class="icon-form"></i> </div>
     <div class="gift-info">
          <h5>02. Define your booking</h5>
           <p>Fill your information into the form and go to next step</p>
    </div>
</div>
<div class="gift-item gift-item-3">
    <div class="icon-name"><i class="icon-credit-card"></i> </div>
     <div class="gift-info">
          <h5>03. Payment</h5>
           <p>Select your payment, click ok and It’s all done for you</p>
    </div>
</div>
		

2.4 Widget Raw HTML + Widget Video

- Code HTML

<div class="home-about">
<h4>A young & creative distribution of realty based in SF.</h4>
<h5>trusted by 10k+ clients</h5>
<p>Learning is cool, but knowing is better, and I know the key to success. The key to more success is to have a lot of pillows</p>
<a class="btn-about" href="#">More about us <i class="icon-right-arrow"></i></a></div>

<iframe width="800" height="500" src="https://www.youtube.com/embed/ic1lzUyO1rY?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
		

2.5 Widget Image

+ Edit Image

+ Select change Image

2.6 Widget HTML

- Edit Widget HTML

- Code HTML

<div class="home-banner">
<h4>We provide premium car with high quality</h4>
<h5>certificated by gurus</h5>
<p>Our company was built by trust and reputation. We know how to make our customers love us by our high quality products with affordable prices. 
We promise to make you have the interesting experiences.</p>
</div>
		

2.7 Widget Tab

Edit Tab

2.8 Widget Product Carousel

- Edit Product Carousel

2.9 Widget Manufacturers Carousel

- Edit Manufacturers Carousel

2.10 Widget Raw HTML

- Code HTML

<div class="about-info">
    <div class="row">
        <div class="col-md-6">
            <div class="text-about">
                <i class="icon-headphones"></i>
                <div class="about-content">
                    <h4>Premium Support</h4>
                    <p>We’re available for helping you, including holiday</p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="text-about">
                <i class="icon-star"></i>
                <div class="about-content">
                    <h4>High quality cars</h4>
                    <p>Our cars ‘re certificated by gurus who has 20+ experience years</p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="text-about">
                <i class="icon-head"></i>
                <div class="about-content">
                    <h4>Trusted by 10+ clients</h4>
                    <p>We have 10k+ happy clients who love us and ready for our cars</p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="text-about">
                <i class="icon-multiply"></i>
                <div class="about-content">
                    <h4>Free cancelation</h4>
                    <p>No extra fee, you can cancel your booking anytime</p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="text-about">
                <i class="icon-wallet"></i>
                <div class="about-content">
                    <h4>No prepaypayment required</h4>
                    <p>Just provide us your Social Security Number and It’s all done</p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="text-about">
                <i class="icon-add"></i>
                <div class="about-content">
                    <h4>And more features</h4>
                    <p>This space is too small to show you everything we have</p>
                </div>
            </div>
        </div>
    </div>
</div>
		

2.11 Widget Block carousel

2.11.1 Edit Widget Block carousel

2.11.2 Add new Slider

2.11.3 Edit Slider

2.11.4 HTML code slider

Sample 1, Sample 2

<span>Cris Angela</span> Review via Facebook
<i class="fa fa-quote-left" ></i>
<p>My wife and I had a great car for rent in 5 days with affordable price. They also called us everyday just 
to ask how we feel. Nice support, guys!</p>
		

3. Display Footer Before

---

- Front End

3.1 Widget Raw HTML

- Code HTML

<h4>Enough reason for you?</h4>
<a href="#" class="btn">rent a car now</a>
		

4. Display Footer

---

- Front End

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

4.1 Logo Generate code ( Configure Logo Generate code follow link )

4.2 Module Contact information

Configure Contact information( Backend > Modules > Modules & Services > Installed modules > Contact information)

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

4.3 Widget Blog & Module LeoBlog

Leo Blogs(Backend > Modules > Leo Blogs)

- You can read guide in link (Blog Guide)

4.3.1 Create blogs(Backend > Blog management)

+ This leoblogs module suport management blogs article and blog category.

4.3.2 Configure Widget Form the Blog

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

4.4 Module Newsletter subscription

Configure Module Newsletter subscription (Backend > Modules > Modules & Services > Installed modules >Newsletter subscription)

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.5 Module Social media follow links

Configure Social media follow links(Backend > Modules > Modules & Services > Installed modules >Newsletter subscription)

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 After

---

- Front End

5.1 Widget Raw HTML - Copyright

- Code HTML

2018 © Zolacar. All right reserved. Designed by Leotheme
		

5.2 Widget Block Link