THANK YOU FOR PURCHASING OUR THEME!
Here are some basics on installing, configuring and customizing the Leotheme.
BEFORE WE GOThe 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
If you are new with prestashop. Please read prestashop guide first:
http://doc.prestashop.com/display/PS17/English+documentation
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.
Note : all the steps are described in the video already.
If you have avail shop and install follow guide
Note: Please note that all the steps are described in the video already.
- Backend > Design > Theme & Logo > 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
You can Reset to Theme default
Backend > Design > Image Settings
+ Create or edit size image
+ Regenerate thumbnails
Configure Language selector block( Backend > Modules > Modules & Services > Installed modules > Language selector block)
+ You can edit "ps_languageselector.tpl" at: \themes\THEME_NAME\modules\ps_languageselector\ps_languageselector.tpl
Configure Currency block( Backend > Modules > Modules & Services > Installed modules > Currency block)
+ You can edit "ps_currencyselector.tpl" at: \themes\THEME_NAME\modules\ps_currencyselector\ps_currencyselector.tpl
Configure Customer "Sign in" link( Backend > Modules > Modules & Services > Installed modules > Customer "Sign in" link)
+ You can edit "ps_customersignin.tpl" at: \themes\THEME_NAME\modules\ps_customersignin\ps_customersignin.tpl
1.4.1 Edit Widget Generate code
1.4.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>
1.4.3 Change Logo
Backend > Preferences > Themes
Configure Search bar( Backend > Modules > Modules & Services > Installed modules > Search bar)
+ You can edit "ps_searchbar.tpl" at: \themes\THEME_NAME\modules\ps_searchbar\ps_searchbar.tpl
- HTML Generate code
{if Configuration::get('LEOFEATURE_ENABLE_PRODUCTWISHLIST')} <div class="wishlist-top"> <a class="ap-btn-wishlist" href="{url entity='module' name='leofeature' controller='mywishlist'}" title="{l s='Wishlist' d='Shop.Theme.Global'}" rel="nofollow" > <i class="fa fa-heart"></i> <span class="ap-total-wishlist ap-total"></span> </a> </div> {/if}
+ Or you can configure this module follow link(Backend > Backend > Modules > Leo Megamenu Configuration)
+ Edit Group
+ Edit Megamenu
+ Edit Widget
+ You can using "Live Edit Tools" To Make Rich Content For Megamenu
Configure Shopping cart( Backend > Modules > Modules & Services > Installed modules > Shopping cart)
+ You can edit "ps_shoppingcart.tpl" at: \themes\THEME_NAME\modules\ps_shoppingcart\ps_shoppingcart.tpl
+ Or you can configure this module follow link(Backend > Backend > Modules > Leo SlideShow Configuration)
+ Select Manages Sliders
+ Select Hook
+ Configure Image Setting
+ Configure CSS Setting
+ Edit Slider
+ Edit Image
+ Select change Image
- Code Description Image
<p>We're focused on simple forms, obsessed with tiny details and inspired by the challenge of balancing function and beauty in wearable design. Most of all, we love sharing our work with likeminded people.</p> <p><a href="https://www.prestashop.com/" title="Learn More" class="btn btn-outline">Learn More</a></p>
Note: Please don't change and delete class "widget-image__aboutus". It will lose css and this themes will be error.
- Code Description Image
<h6>Skagen Men’s</h6> <p><a href="https://www.prestashop.com/" title="Shop now" class="btn-shopnow">Shop now</a></p>
Note: Please don't change and delete class "widget-image__cate". It will lose css and this themes will be error.
- Code Description Image
<h6>Luxury Style</h6>
Note: Please don't change and delete class "widget-image__cate--center". It will lose css and this themes will be error.
- Code Description Image
<h6>Skagen Women's</h6> <p><a href="https://www.prestashop.com/" title="Shop now" class="btn-shopnow">Shop now</a></p>
Note: Please don't change and delete class "widget-image__cate". It will lose css and this themes will be error.
+ Edit Product Carousel
Note: Please don't change and delete class "new-arrivals". It will lose css and this themes will be error.
- Code Description Image
<div class="service-content"> <h5>Delivery</h5> <p>We are welcome to ship our products to worldwide with service EMS delivery.</p> </div>
Note: Please don't change and delete class "widget-image__service, group-img__service". It will lose css and this themes will be error.
- Code Description Image
<div class="service-content"> <h5>Online Repair</h5> <p>Visit our Online Repair Center and tell us how we can service your watch.</p> </div>
Note: Please don't change and delete class "widget-image__service, group-img__service". It will lose css and this themes will be error.
- Code Description Image
<div class="service-content"> <h5>Return for refund</h5> <p>Refund for order cancellation and advance payment with unavailable stock.</p> </div>
Note: Please don't change and delete class "widget-image__service, group-img__service". It will lose css and this themes will be error.
- Code Description Image
<div class="service-content"> <h5>warranty</h5> <p>The broken and damaged products which are from usability within 1 year warranty</p> </div>
Note: Please don't change and delete class "widget-image__service, group-img__service". It will lose css and this themes will be error.
- Code Description Image
<h3>Minimal<br />lookbook 2018</h3>
Note: Please don't change and delete class "widget-image__loolbook, group-img__product". It will lose css and this themes will be error.
Note: Please don't change and delete class "widget-product__lookbook, group-img__product". It will lose css and this themes will be error.
- Code HTML
<div class="html-content__intro"> <p>Add extra straps to your collection to mix and match with your outfit.</p> <p><a href="https://www.prestashop.com/" title="All Strap" class="btn btn-outline">All Strape</a></p> </div>
Note: Please don't change and delete class "widget-html__intro, group-html__intro". It will lose css and this themes will be error.
Note: Please don't change and delete class "group-html__intro". It will lose css and this themes will be error.
- Front End
- Edit Blog
- Layout Front End
- Configure Profile shop 2 ( Backend > Ap PageBuilder > Ap Profiles Manage > Select Home 2 > View )
- Edit Images of Categories
Note: Please don't change and delete class "group-image__category". It will lose css and this themes will be error.
- Code Description Image
<p class="btn-play-video"><i class="fa fa-play"></i><span>play video</span></p> <p class="viewall"><a title="View All" href="https://www.prestashop.com/" target="_blank">View All</a></p>
Note: Please don't change and delete class "block__intro-video". It will lose css and this themes will be error.
+ Edit Widget Video
Note: Please don't change and delete class "video-play_block hidden-xl-down". It will lose css and this themes will be error.
- Code HTML
<div class="desc-adv">The watches in our Classic Collection prove that minimalism is truly timeless</div > <div class="btn-adv"><a href="https://www.prestashop.com/" title="Dicover Now" class="btn btn-outline">Dicover Now</a></div >
Note: Please don't change and delete class "widget-rhtml__advcollection". It will lose css and this themes will be error.
- Edit Block Carousel
- Code HTML
Bought this for my friend. Arrived before the expected date of delivery with packaged well packed.
Note: Please don't change and delete class "block-testimonials".It will lose css and this themes will be error.
- Layout Front End
- Configure Profile Home 3 ( Backend > Ap PageBuilder > Ap Profiles Manage > Select Home Page 3 > View )
- Code Description Image
<div class="content-img"> <p class="sub-title">Quartz crystal</p> <p class="title-cate">women</p> </div>
Note: Please don't change and delete class "widget-image__banner1 effect-banner". It will lose css and this themes will be error.
- Code Description Image
<div class="content-img"> <p class="sub-title">Waterproof</p> <p class="title-cate">Men</p> </div>
Note: Please don't change and delete class "widget-image__banner1 effect-banner". It will lose css and this themes will be error.
- Code HTML
<p class="desc-rhtml h4">Have a great today</p> <p class="btn-adv"><a href="https://www.prestashop.com/" title="Dicover Now" class="btn btn-outline" target="_blank">Dicover Now</a></p >
Note: Please don't change and delete class "widget-rhtml__adv2". It will lose css and this themes will be error.
- Layout Front End
- Configure Profile Home 4 ( Backend > Ap PageBuilder > Ap Profiles Manage > Select Home Page 4 > View )
Configure Block Group Top( Backend > Modules > Modules & Services > Installed modules > Block Group Top)
+ You can edit "blockgrouptop.tpl" at: \themes\THEME_NAME\modules\blockgrouptop\views\templates\hook\blockgrouptop.tpl
- Code Description Image
<div class="content-img"> <p class="sub-title">Quartz crystal</p> <p class="title-cate">women</p> </div>
Note: Please don't change and delete class "widget-image__banner1 effect-roxy". It will lose css and this themes will be error.
- Code HTML
<div class="html-content"> <p class="h4 title-html">DW Collection</p> <p class="decs-html">Minimalistic and refined, the classic design with interchangeable straps truly has wide-ranging appeal.</p> <p class="btn-html"><a href="https://www.prestashop.com/" title="Shop now" class="btn btn-outline" target="_blank">Shop now</a></p> </div>
Note: Please don't change and delete class "widget-html__collectionh4".It will lose css and this themes will be error.
- Code Description Image
<div class="service-content"> <h5>Delivery</h5> <p>We are welcome to ship our products to worldwide with service EMS delivery.</p> </div>
Note: Please don't change and delete class "widget-image__service". It will lose css and this themes will be error.
- Code Description Image
<div class="service-content"> <h5>Online Repair</h5> <p>Visit our Online Repair Center and tell us how we can service your watch.</p> </div>
Note: Please don't change and delete class "widget-image__service". It will lose css and this themes will be error.
- Code Description Image
<div class="service-content"> <h5>Return for refund</h5> <p>Refund for order cancellation and advance payment with unavailable stock.</p> </div>
Note: Please don't change and delete class "widget-image__service". It will lose css and this themes will be error.
- Widget Tabs
+ Edit Group Tabs
Note: Please don't change and delete class "product-tabs".It will lose css and this themes will be error.
+ Edit Sub Tabs
- Edit Widget Product Carousel( Configure Widget Product Carousel follow link )
- Code Description Image
<p class="h4 title-video">Voyager Series</p> <p class="btn-play-video"><i class="fa fa-play"></i><span>play video</span></p> <p class="btn-viewproduct"><img src="_AP_IMG_DIR/button-pvideo.png" class="img-fluid" alt="View Video" /></p>
Note: Please don't change and delete class "block__intro-video". It will lose css and this themes will be error.
+ Edit Widget Video
Note: Please don't change and delete class "video-play_block hidden-xl-down". It will lose css and this themes will be error.
- Edit Manufacturers Carousel
- Layout Front End
- Configure Profile Home 5 ( Backend > Ap PageBuilder > Ap Profiles Manage > Select Home Page 5 > View )
- Code Description Image
<div class="img-content"> <p class="h6 subtitle">namBI</p> <p class="h2 title">Signature Series</p> <p class="desc">With a refined style, our original women’s line is all about simplicity.</p> </div>
Note: Please don't change and delete class "widget-img__signature effect-layla". It will lose css and this themes will be error.
- Code Description Image
<div class="img-content"> <p class="h6 subtitle">AÃRK</p> <p class="h2 title">New Styles</p> <p class="desc">We are very much into connecting with creative people we admire and respect.</p> </div>
Note: Please don't change and delete class "widget-img__newstyles effect-layla". It will lose css and this themes will be error.
- Code HTML
<ul> <li><b>Store</b><span>10+</span></li> <li><b>Brands</b><span>20+</span></li> <li><b>Collection</b><span>80+</span></li> <li><b>Client</b><span>8000+</span></li> </ul>
Note: Please don't change and delete class "widget-rhtml__statistique". It will lose css and this themes will be error.
- Code Description Image
<p class="subtitle">Helsinki</p> <p class="title">Tokyo watch</p>
Note: Please don't change and delete class "widget-img__cate5 effect-layla". It will lose css and this themes will be error.
- Code Description Image
<p class="subtitle">The Mission</p> <p class="title">Essentials</p>
Note: Please don't change and delete class "widget-img__cate5 widget-img2 effect-layla ". It will lose css and this themes will be error.
1. Themes translations(Backend > International > Translations)
2. Back office translations(Backend > International > Translations)
3. Installed modules translations(Backend > International > Translations)
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.
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.
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.