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
- Code HTML
<div class="btn-showmenu"> <span class="icon-bar">showmenu</span> <span class="icon-bar">showmenu</span> <span class="icon-bar last">showmenu</span> </div> <div class="bg-over-lay"></div>
Note: Please don't change and delete class "showmenu hidden-md-down". It will lose css and this themes will be error.
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
1.3.1 Edit Widget Generate code
1.3.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.3.3 Change Logo
Backend > Preferences > Themes
- 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}
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
<a class="hidden-md-down" href="{$urls.base_url}"> <img class="logo img-fluid" src="{$shop.logo}" alt="{$shop.name}"> </a>
+ 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 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
+ 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
<div class="img-content"> <h6>September must-haves</h6> <h4>Up To 50% Off</h4> <p><a href="https://www.prestashop.com/" title="shop now" class="btn btn-outline">Shop now</a></p> </div>
Note: Please don't change and delete class "widget-image__banner1,img-content". It will lose css and this themes will be error.
- Code Description Image
<h5>Accessories</h5> <p><a href="https://www.prestashop.com/" title="shop now" class="btn btn-outline">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
<h5>Women</h5> <p><a href="https://www.prestashop.com/" title="shop now" class="btn btn-outline">Shop now</a></p>
Note: Please don't change and delete class "widget-image__cate widget-image__cate1". It will lose css and this themes will be error.
- Code Description Image
<h5>Men</h5> <p><a href="https://www.prestashop.com/" title="shop now" class="btn btn-outline">Shop now</a></p>
Note: Please don't change and delete class "widget-image__cate widget-image__cate1". 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
- Widget Product List
+ Edit Product List
- Code HTML
<div class="lookbook-content"> <h6>Go - to - looks of the season</h6> <h4>Life Changing</h4> <p><a href="https://www.prestashop.com/" title="go to lookbook now" class="btn btn-outline">go to lookbook now +</a></p> </div>
Note: Please don't change and delete class "widget-html__lookbook". It will lose css and this themes will be error.
- Front End
- Edit Blog
- Front End
- Edit Block Carousel
- Code HTML
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores."
Note: Please don't change and delete class "block-testimonials".It will lose css and this themes will be error.
- Code Description Image
<div class="contact-content"> <h4>Opening Hours</h4> <p class="open-hour"><span>Monday - Saturday:</span><span class="hour">10am - 9pm</span></p> <p class="open-hour"><span>Sunday:</span><span class="hour">11.30am* - 6pm</span></p> <p class="note"><span>* Browsing only 11.30am to 12pm</span></p> <p class="contact-phone"><span>Call For Support</span>+84 123.695.321</p> </div>
Note: Please don't change and delete class "widget-image__service". It will lose css and this themes will be error.
- Layout Front End
- Configure Profile shop 2 ( Backend > Ap PageBuilder > Ap Profiles Manage > Select Home 2 > View )
- Code Description Image
<h6>For Summer 2018</h6> <p><a href="https://www.prestashop.com/" title="Shop now" class="btn btn-outline">Shop now</a></p>
Note: Please don't change and delete class "effect-skew image-m220". It will lose css and this themes will be error.
- Code Description Image
<h6>Knitwear Style</h6> <p><a href="https://www.prestashop.com/" title="Shop now" class="btn btn-outline">Shop now</a></p>
Note: Please don't change and delete class "widget-image__favourites effect-skew". It will lose css and this themes will be error.
- Code Description Image
<h6>Coats</h6> <p><a href="https://www.prestashop.com/" title="Shop now" class="btn btn-outline">Shop now</a></p>
Note: Please don't change and delete class "widget-image__favourites effect-skew image-m220". It will lose css and this themes will be error.
- Code Description Image
<h6>Men’s Lookbook</h6> <p><a href="https://www.prestashop.com/" title="Shop now" class="btn btn-outline">Shop now</a></p>
Note: Please don't change and delete class "effect-skew". It will lose css and this themes will be error.
- Code HTML
<div class="saleoff-content"> <h6>All Women's coats</h6> <h3>Now <span>25%</span> Off</h3> <div class="saleoff-desc">For a 90s revival, quilted jackets, Noisy May’s bomber styles and glossy vinyls from River Island rewrite your cover story.</div> <p><a href="https://www.prestashop.com/" title="go to collection +" class="btn btn-outline">go to collection +</a></p> </div>
Note: Please don't change and delete class "widget-rawhtml__saleoff". It will lose css and this themes will be error.
- Edit Widget Instagram
- Layout Front End
- Configure Profile Home 3 ( Backend > Ap PageBuilder > Ap Profiles Manage > Select Home Page 3 > View )
- Edit Images of Categories
Note: Please don't change and delete class "group-rhtml__img". It will lose css and this themes will be error.
- Code HTML
<h6>New Season</h6> <p><a href="https://www.prestashop.com/" title="Shop A/W18" class="btn btn-outline">Shop A/W18</a></p>
Note: Please don't change and delete class "group-rhtml__img". It will lose css and this themes will be error.
Note: Please don't change and delete class "group-rhtml__img". It will lose css and this themes will be error.
- Code HTML
<h6>Autumn Essentials</h6> <p><a href="https://www.prestashop.com/" target="_blank" title="Shop now" class="btn btn-outline">Shop now</a></p>
Note: Please don't change and delete class "group-rhtml__img". It will lose css and this themes will be error.
- Code HTML
<h6>From $9.00</h6> <p><a href="https://www.prestashop.com/" target="_blank" title="Shop now" class="btn btn-outline">Shop now</a></p>
Note: Please don't change and delete class "group-rhtml__img2, wiget-rhtml__saleoff". It will lose css and this themes will be error.
Note: Please don't change and delete class "group-rhtml__img2". It will lose css and this themes will be error.
- Code HTML
<div class="rhtml-content"> <h6>all shirts and blouses</h6> <h3>60% Off</h3> <p><a href="https://www.prestashop.com/" target="_blank" title="Shop now" class="btn btn-outline">Shop now</a></p> </div>
Note: Please don't change and delete class "group-rhtml__img2, widget-rhtml__allcate". It will lose css and this themes will be error.
Note: Please don't change and delete class "group-rhtml__img2". It will lose css and this themes will be error.
+ Edit Image Hotspot
<a class="title" href="4-16-cotton-shirt.html">Striped Shirt</a> <span class="price">$12.99</span>
Note: Please don't change and delete class "group-hostpt__product, slider-nav" and override folder "hotspot-hom3". It will lose css and this themes will be error.
- Edit Manufacturers Carousel
- Layout Front End
- Configure Profile Home 4 ( Backend > Ap PageBuilder > Ap Profiles Manage > Select Home Page 4 > View )
Note: Please don't change and delete class "group-product__lookbook, widget-image__bg". It will lose css and this themes will be error.
+ Edit Product Carousel
Note: Please don't change and delete class "group-product__lookbook". It will lose css and this themes will be error.
<h6>Shop This Look.</h6> <p class="desc-img__lookbook">Go natural with muted shades, softened curves and hints of organic blends. Made from cotton and linen, our sheet sets are perfect.</p> <p><a href="https://www.prestashop.com/" title="All women" class="btn btn-outline">All women</a></p>
Note: Please don't change and delete class "group-product__lookbook, widget-image__plookbook". It will lose css and this themes will be error.
+ Edit Image
Note: Please don't change and delete class "group-product__special". It will lose css and this themes will be error.
Note: Please don't change and delete class "group-product__special". It will lose css and this themes will be error.
<div class="feature-content"> <h4>Delivery</h4> <p>Free worldwide shipping on orders over $90</p> </div>
Note: Please don't change and delete class "widget-image__feature, group-image__feature". It will lose css and this themes will be error.
<div class="feature-content"> <h4>Returns & Refunds</h4> <p>Exchange or Return for a Refund with in 30 days</p> </div>
Note: Please don't change and delete class "widget-image__feature, group-image__feature". It will lose css and this themes will be error.
<div class="feature-content"> <h4>Payment Methods</h4> <p>Pay with credit card, debit card, or bank account balance</p> </div>
Note: Please don't change and delete class "widget-image__feature, group-image__feature". It will lose css and this themes will be error.
<div class="feature-content"> <h4>Customer Service</h4> <p>Customer care service, customer support 24/7</p> </div>
Note: Please don't change and delete class "widget-image__feature, group-image__feature". It will lose css and this themes will be error.
- Layout Front End
- Configure Profile Home 5 ( Backend > Ap PageBuilder > Ap Profiles Manage > Select Home Page 5 > View )
Note: Please don't change and delete class "widget-cate__v1home5 widget-cate__imgl". It will lose css and this themes will be error.
Note: Please don't change and delete class "col-link_cate, BlockLinkCate". It will lose css and this themes will be error.
Note: Please don't change and delete class "col-link_cate, widget-image__showcate". It will lose css and this themes will be error.
Note: Please don't change and delete class "widget-cate__v1home5 widget-cate__imgr". It will lose css and this themes will be error.
Note: Please don't change and delete class "widget-cate__v1home5 widget-cate__imgr". It will lose css and this themes will be error.
Note: Please don't change and delete class "group-product__newdeal". It will lose css and this themes will be error.
Note: Please don't change and delete class "group-product__newdeal". It will lose css and this themes will be error.
Note: Please don't change and delete class "widget-image__pvideo". It will lose css and this themes will be error.
- Code HTML
<p>Collection <img src="_AP_IMG_DIR/home5-img8.png" class="img-fluid btn-play-video"> Trend 2018</p> <p><a class="btn btn-outline" title="Shop now" href="https://www.prestashop.com/" target="_blank">Shop now</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.
Note: Please don't change and delete class "group-product__image". It will lose css and this themes will be error.
Note: Please don't change and delete class "group-product__image". It will lose css and this themes will be error.
Note: Please don't change and delete class "group-product__image". It will lose css and this themes will be error.
Note: Please don't change and delete class "group-product__image". 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.