Leo Jessie

Leo Jessie guide for prestashop 1.7

• Created : 1/1/2017
• Latest update: 1/1/2017
• By : Leotheme
• Email: [email protected]

If you are new with prestashop. Please read prestashop guide first:

http://doc.prestashop.com/display/PS16/Getting+Started

For each package you download from Leotheme, you will have: quickstart package, theme package, PSD. If you buil your shop from scrap, you can download quickstart file.

Steps of how to install QuickStart

• Download quickstart file
• Extract it in your host
• Install it is like prestashop default file

Note : all the steps are described in the video already.

If you have avail shop and install follow guide

Steps of how to install Prestashop theme

• Go to back-office and login, navigate to: Design > Themes & Logo > Add new theme
• In this step, you can install template follow 2 ways:

1. Upload, file from your computer: Please find box: Import from your computer > Choose File > Click Next , If you see error when use this way, please use option 2
2. Upload file to your folder in your live site via FTP client. Please upload the zip file of template to folder: ROOT/themes/theme.zip, refresh your browser, you will see zip file in dropdown list of box Import from FTP, Select template file and click next

• Next until Finish

Note: Please note that all the steps are described in the video already.

1. Install follow video guide

2. Install follow demo images

- Backend > Preferences > Themes > Add new theme

- You can import themes from your computer

+ If you see this error when the file is too big, you can follow my guide

- Also, you can put themes on the folder themes form FTP

- You can select a theme for the shop

- Select template as default and config show left or right column in each page

5. Create or edit size image and Regenerate thumbnails

Backend > Design > Image Setting

+ Create or edit size image

+ Regenerate thumbnails

Here are two cases, one is above, the other two are below.

Go to the config section of the Leo feature module.

You can read guide in link (Blog Guide)

    <div class="certificated container">
        <div class="row">
            <div class="col-md-4 col-sm-12  bgr-white">
                <span class="pe-7s-user"></span>
                <h4>Made by Gurus</h4>
                <p>All our products are designed with love and made by Passion</p>
                <a class="btn-border" href="#">Video Introduction</a>
            </div>
            <div class="col-md-4 col-sm-12 bgr-black">
                <span class="pe-7s-diamond"></span>
                <h4>Top 10 brands in UK</h4>
                <p>We’re proud to be honor in top 10 interior store in UK</p>
                <a class="btn-border" href="#">Our awards</a>
            </div>
            <div class="col-md-4 col-sm-12 bgr-white">
                <span class="pe-7s-like"></span>
                <h4>Trusted by 10k+ people</h4>
                <p>With many happy clients, we’re proud to be trusted by them</p>
                <a class="btn-border" href="#">View Testimonials</a>
            </div>
        </div>
    </div>
    

    <div class="about-us">
        <div class="main-title">
            <h3 class="title_block">Story</h3>
            <h3 class="title_block">about us</h3>
        </div>
        <p>Jessie was established in 2000 in UK by Eric Cantona, who had a vision to create iconic and beautiful design, based on an ethical business strategy. Through collaborations with an external network of established and fresh talent,Jessie combines high-end furniture and lighting, constructed with methods that support people, local craft traditions and the environment.</p>
        <a class="btn-border btn-custom" href="#">More about us</a>
    </div>
    

    <h3 class="title_block txt-left">Shop by workpsace</h3>
    <p>who had a vision to create iconic and beautiful design, based on an ethical business strategy. Through collaborations with an external network of established and fresh talent</p>
    <p><a class="btn-border btn-custom" href="#">Shop them now</a></p>
    

    <h3 class="title_block">Need a design help Send us your trouble now</h3>
    <p><a class="btn-border btn-custom bgr-black" href="#">Contact us now</a></p>
    

    <div class="post-menu-nav">
        <div>
            <span>1</span>
            <span>2</span>
            <span>3</span>
        </div>
        <p class="mask"></p>
    </div>
    

    <h3 class="border-title-image">We focus on Luxury & Minimalist</h3>
    <p>Lion! You smart, you loyal, you a genius. Cloth talk. You do know, you do know that don't want you to have lunch. I'm keeping it real with you</p>
    <p><a href="#" class="btn-border btn-custom">Our Galleries</a></p>
    

    <h3 class="border-title-image">We made by our passion</h3>
    <p>Lion! You smart, you loyal, you a genius. Cloth talk. You do know, you do know that don't want you to have lunch. I'm keeping it real with you</p>
    <p><a href="#" class="btn-border btn-custom">More about us</a></p>
    

    <div class="certificated">
        <div class="row">
            <div class="col-md-4 col-sm-12">
                <span class="pe-7s-car"></span>
                <h4>Made by Gurus</h4>
                <p>All our products are designed with love and made by Passion</p>
            </div>
            <div class="col-md-4 col-sm-12">
                <span class="pe-7s-refresh-2"></span>
                <h4>Top 10 brands in UK</h4>
                <p>We’re proud to be honor in top 10 interior store in UK</p>
            </div>
            <div class="col-md-4 col-sm-12">
                <span class="pe-7s-headphones"></span>
                <h4>Trusted by 10k+ people</h4>
                <p>With many happy clients, we’re proud to be trusted by them</p>
            </div>
        </div>
    </div>
    

    <ul class="main-contact">
        <li><i class="pe-7s-map-marker"></i><span>221b Baker Street - London - United Kingdom</span></li>
        <li><i class="pe-7s-phone"></i><span>0123. 456. 789</span></li>
        <li><i class="pe-7s-paper-plane"></i><span>[email protected]</span></li>
    </ul>
    

Logo generate code

Change Logo

Backend > Design > Themes & Logo

GenCode

view code

<span class="post-logo">
    <a href="{$urls.base_url}">
         <img class="logo img-fluid" src="{$shop.logo}" alt="{$shop.name}">
    </a>
</span>

Module Leo Megamenu

- You can read guide in link (Blog Guide)

Front end

- Configure Leo Megamenu Silebar(Backend > Modules > Leo Megamenu)

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

Widget Image

Image Category

Product List

Blog

Block Carousel

Instagram

Search

( Backend > Modules & Service > Installed modules > Search Bar )

You can configure enable/disable module

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

Instagram

Html

Signin

Module Customer Sigin( Backend > Modules & Service > Installed modules > Customer Sigin )

You can configure enable/disable module

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

Cart( Backend > Modules & Service > Installed modules > Shopping Cart )

You can configure enable/disable module

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

SlideShow

- Configure Leo Slideshow for your homepage ( Backend > Modules & Service > Installed modules > Leo Slideshow )

- You can read guide in link (Blog Guide)

Email

Block link

Social

Language( Backend > Modules & Service > Installed modules > Language Selector )

You can configure enable/disable module

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

11. Front-office translations(Backend > Localization > Translations)

Thank you for reading!

We hope you can create the best website with our themes.

Getting Support

If you are unable to find your answer here in our documentation, please go to our forum and post up a new topic with all the details we need. Please be sure to include your site URL as well or send us an email.

• Forum
• Ticket
• Contact us
• Email: [email protected]
• Skype Support: trandinhnghiait
• YouTube
• Facebook

Our support scope

Our support covers configuration, building site as demo, trouble using any features, and bug fixes. We don't provide support for customizations or 3rd party extension.

Our support time

We try our best to monitor the email around the clock, however, this is not always possible due to different time zones. We will try to reply you as fast as we can.

Our working time is 8.00 AM - 5.30 PM, Monday to Friday (GMT+7). So if ask for help in the weekend, you may have to wait a little bit for support and please be patient.