Leo Mobile Shop

Leo Mobile Shop guide for prestashop 1.6

• Created: 01/10/2015
• Latest update: 01/10/2015
• By: Leotheme
• Email: apollotheme@gmail.com

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

ApollothemeTeam

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: Preferences > Themes > 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

If you are using 1 templates from leotheme.com for shop 1 and i want to install new template from Leotheme for shop 2
before install please open file: /modules/leotempcp/libs/DataSample.php
find the code private $_theme_dir = 'XXXX'; with xxx is curently template ( default in line 22)
Please get template folder in zip file and edit XXXX to this name
Example: i'm using leomobi for shop 1 and i want to install leotea for shop 2. I have to open file /modules/leotempcp/libs/DataSample.php. Edit private $_theme_dir = 'leomobi'; to private $_theme_dir = 'leotea';

3. NOTE: list error happend when install and solver way:

• 3.1 Only zip files are allowed OR Zip file seems to be broken
  Please unzip file you download from leotheme.com and get exactly zip file from themes folder
• 3.2 Error during the file download OR Bad configuration file If you see this error please try to install in second way of step 2
• 3.3 Can't see demo image:
  Please edit /modules/leotempcp/libs/DataSample.php follow note in step 2. And install template again
  If still can't see image, please login back-office > modules > leotemcp > configure > Find box datasample > select all modules > click on button Restore sample data
• 3.4 Other Error
  Please try to install template manual follow guide in step 4

4. Install module and template manual

• Unzip zip file of template, you will see 2 folders: themes + modules, please upload override modules + themes folder to your host

  

• Check content of file modules/leotempcp/libs/DataSample.php is same with theme install folder

  

• Upload xml file of template to config/xml/themes folder

  

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

  

• Create or edit image size and regenerate thumbnails in step 5
• Check module position in Modules > Leo Positions Control Panel

5. Create or edit size image and Regenerate thumbnails

Backend > Preferences > Images

+ Create or edit size image

+ Regenerate thumbnails

You can read guide in link (Blog Guide)

You can read guide in link (Blog Guide)

1. Create widget(Backend > Modules > Leo Manage Widget)

   

   + We support functions for widget

   

2. Configure Leo manage widget(Backend > Modules > Leo Manage Widget)

   

   + There you can insert widgets or load module into position you one. Suport display on tablet, mobile, mac,...

   

   + You can change width for block on this monitor

   

   + You can select the effect display for group or each block widget you one.

   

   

3. HTML Code

   + Edit code widget html here

   + Top Menu - Video

   <object type="application/x-shockwave-flash" data="http://www.youtube.com/v/ZROI8ajlw1w&amp;feature" height="200" width="300">
   <param name="movie" value="http://www.youtube.com/v/ZROI8ajlw1w&amp;feature"/>
   <param name="allowFullScreen" value="true"/>
   <param name="allowscriptaccess" value="always"/>
   <param name="wmode" value="transparent"/>
   <embed height="200" width="300" src="http://www.youtube.com/v/ZROI8ajlw1w&amp;feature" 
   type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" allowfullscreen="true" />
   </object>

   + Top Menu - HTML

   <p>
   <img class="img-responsive" src="/PROJECT_NAME/themes/ap_mobileshop/img/modules/leomanagewidgets/custom-html.jpg" alt="" />
   </p>
   <p>
   Lorem ipsum dolor sit amet optio consectetur adipisicing elit culpa Eveniet laboriosam provident at 
   optio reiciendis culpa ipsum reprehenderit Voluptates amet
   </p>

   + Top Menu - Banner

   <p>
   <img class="img-responsive" src="/PROJECT_NAME/themes/ap_mobileshop/img/modules/leomanagewidgets/menu-banner.jpg" alt="banner-menu" />
   </p>

   + Header - Logo

   • Header - Logo Detail setting screenshot

   <p class="logo-home">
   <a href="index.php">
   <img src="/PROJECT_NAME/themes/ap_mobileshop/img/modules/leomanagewidgets/logo-pages.png" alt="Logo" />
   </a>
   </p>

   + Home - Adv - Mobile - 1

   • Home - Adv - Mobile - 1 Detail setting screenshot

   <figure class="adv-page ImageWrapper BackgroundRS">
   <img class="img-responsive" src="/PROJECT_NAME/themes/ap_mobileshop/img/modules/leomanagewidgets/adv-1.jpg" alt="adv1" /> 
   <figcaption>
   <p class="first-name">ladies</p>
   <p class="last-name">Shades</p>
   <h5>COLLECTION 2014</h5>
   <a class="btn btn-outline button-medium" href="#">shop now</a> 
   </figcaption>
   </figure>

   + Home - Adv - Mobile - 2

   • Home - Adv - Mobile - 2 Detail setting screenshot

   <figure class="adv-page ImageWrapper BackgroundRS">
   <img class="img-responsive" src="/PROJECT_NAME/themes/ap_mobileshop/img/modules/leomanagewidgets/adv-2.jpg" alt="adv1" /> 
   <figcaption>
   <p class="first-name">MENS</p>
   <p class="last-name">PREPPY</p>
   <h5>COLLECTION 2014</h5>
   <a class="btn btn-outline button-medium" href="#">shop now</a> 
   </figcaption>
   </figure>

   + Home - Adv - Mobile - 3

   • Home - Adv - Mobile - 3 Detail setting screenshot

   <figure class="adv-page ImageWrapper BackgroundRS">
   <img class="img-responsive" src="/PROJECT_NAME/themes/ap_mobileshop/img/modules/leomanagewidgets/adv-3.jpg" alt="adv3" /> 
   <figcaption>
   <p class="first-name">Women</p>
   <p class="last-name">Camargo</p>
   <h5>COLLECTION 2014</h5>
   <a class="btn btn-outline button-medium" href="#">shop now</a> 
   </figcaption>
   </figure>

   + Home - Adv - Full - Page

   • Home - Adv - Full - Page Detail setting screenshot

   <figure class="adv-page-full ImageWrapper">
   <img class="img-responsive" src="/PROJECT_NAME/themes/ap_mobileshop/img/modules/leomanagewidgets/adv-4.jpg" alt="adv4" />
   <figcaption class="row">
   <div class="media col-md-5 col-md-offset-4 col-sp-offset-4">
   <div class="pull-left icon-box"><a href="#"><em class="fa fa-play">&nbsp;</em></a></div>
   <div class="media-body hidden-sp">
   <p class="title-adv">WE CREATE</p>
   <h4>BEAUTY AND HARMONY!</h4>
   </div>
   </div>
   </figcaption>
   </figure>

   + Home -Title - Freeship

   • Home -Title - Freeship Detail setting screenshot

   <p class="title-ship">Want <em>&nbsp;FREE&nbsp;</em> Shipping?</p>

   + Home - List Ship

   • Home - List Ship Detail setting screenshot

   <ul class="list-inline list-free">
   <li><em class="fa  fa-asterisk">&nbsp;</em>100% Money-Back Guarantee</li>
   <li><em class="fa  fa-asterisk">&nbsp;</em><strong>FREE Shipping </strong>(US orders only)</li>
   <li><em class="fa  fa-asterisk">&nbsp;</em>Ordering Is Easy (60 seconds or less)</li>
   </ul>

   + Home - Read - more

   • Home - Read - more Detail setting screenshot

   <p class="text-right"><a class="btn btn-outline" href="#">Read more</a></p>

   + Footer - About shop

   • Footer - About shop Detail setting screenshot

   <p>
   <a class="logo-footer" href="index.php">
   <img src="/PROJECT_NAME/themes/ap_mobileshop/img/modules/leomanagewidgets/logo-footer.png" alt="Logo" />
   </a>
   </p>
   <p>
   This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, 
   lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed Morbi accumsan ipsum velit.
   </p>
   

   + Footer - Openning Time

   • Footer - Openning Time Detail setting screenshot

   <ul class="bullet toggle-footer list-group open-time">
   <li>Monday - Friday .................. 8.00 to 18.00</li>
   <li>Saturday ......................... 9.00 to 21.00</li>
   <li>Sunday ........................... 10.00 to 21.00</li>
   <li><a href="#"><em class="fa  fa-phone">&nbsp;</em> Call us: 0123 456 789 </a></li>
   </ul>

   + Footer - Copyright

   • Footer - Copyright Detail setting screenshot

   <p>Copyright 2014 Powered by <a href="#">PrestaShop</a>. All Rights Reserved.</p>
   <p>Developed By <a href="#"> Apollo Themes </a></p>

   + Footer - Payment

   • Footer - Payment Logo Detail setting screenshot

   <ul class="list-inline payment text-center">
   <li>
   <a href="#">
   <img src="/PROJECT_NAME/themes/ap_mobileshop/img/modules/leomanagewidgets/paypal.jpg" alt="Payment" />
   </a>
   </li>
   <li>
   <a href="#"><img src="/PROJECT_NAME/themes/ap_mobileshop/img/modules/leomanagewidgets/visa.jpg" alt="Payment" />
   </a>
   </li>
   <li><a href="#">
   <img src="/PROJECT_NAME/themes/ap_mobileshop/img/modules/leomanagewidgets/master-card.jpg" alt="Payment" />
   </a>
   </li>
   <li>
   <a href="#"><img src="/PROJECT_NAME/themes/ap_mobileshop/img/modules/leomanagewidgets/ebay.jpg" alt="Payment" />
   </a>
   </li>
   <li>
   <a href="#"><img src="/PROJECT_NAME/themes/ap_mobileshop/img/modules/leomanagewidgets/pay-ment.jpg" alt="Payment" />
   </a>
   </li>
   </ul>

   + Footer - Link nav

   • Footer - Link nav Logo Detail setting screenshot

   <ul class="list-inline nav-link ">
   <li><a href="#">Home</a></li>
   <li><a href="#">APPETIZERS </a></li>
   <li><a href="#">Live smart </a></li>
   <li><a href="#">SEAFOOD</a></li>
   </ul>

Front end

Configure Leo Custom Ajax(Backend > Modules > Leo Custom Ajax)

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

2. Installed modules 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: apollotheme@gmail.com
• 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.