PRESTASHOP DOCUMENTATION BY TEMPLATETREND

Transcription

1 PRESTASHOP DOCUMENTATION BY TEMPLATETREND Getting Started Welcome Features License Customization Theme Installation Logo Settings Image Setting Module Position Settings Custom Module Settings 1) Ot Image Slider 2) Ot Featured products 3) Ot Brand list 4) Ot Payment 5) Ot Left Banner 6) Ot New products Leftside 7) Ot Footer Left text 8) Ot testimonial Support & Customizatoins EXPO AUTO STORE PRESTASHOP THEME Getting Started Welcome We would like to thank you for purchasing Expo Auto Store shop Prestashop theme! Before you get started, please be sure to always check out our documentation. It covers the installation and usage guide of Expo Auto Store shop theme and gives answers to frequently questions. We would give you all kind of good information, and provide you with all the details you need to use this theme.theme can only be used with Prestashop so we assume that you already have Prestashop installed and ready to go. If you are unable to find answer for your questions in our

2 documentation, we encourage you to contact us through item support page with your site CPanel or Ftp detail and prestashop admin panel details Getting Started Before installing This Theme you must have a working latest version of Prestashop already installed. If you need help for installing Prestashop, follow the instructions in Prestashop Doc Guide. Requirements In order for PrestaShop 1.7.x to run properly, your PHP installation must feature the following settings and libraries: PHP configuration: memory_limit = 128M max_execution_time = 300; max_input_time = -1 upload_max_filesize = 25M; post_max_size = 20M; max_input_vars = allow_url_fopen = On register_globals = disabled Safe mode = disabled Permissions: Permissions for all files should be set to "664" Permissions for all folders should be set to "755" If you don't know how to check these requirements, ask your hosting provider. License This is to inform you that you can use this theme for only one Prestashop store or one domain. You can not use this for multi store or more than one domain. More about licence you can refer this link.

3 Theme Customization Before you make any customization or even start using our theme installation, please backup your store especially when you are working on a live site. Please don't ignore this stage. Theme Installation Download and extract Theme Package that include all files and folders of theme.. 1) First Way to Install theme Step 1: Import from You Computer For Installing theme using Your Computer, you just have to upload ThemePackage which you download in above step named "PRS663_Package" to your themes/ directory. STEP 2: Go to Prestashop Admin Panel Design > Theme & Logo in your Prestashop Back- Office. Then click on Add new theme button at Top right corner... Now select the ZIP file which you have uploaded. and click on "Save" Button.

4 STEP 3: Now click on "Use this theme" button for activate new theme and that's it! You have successfully installed your new theme! 2) Second Way to Install theme STEP 1: Here you can install theme using three way : 1 : Import from your computer to your ftp In this block you just have to upload theme package by selecting ThemePackage from computer named "PRS663_Package" and click on "Save" Button.

5 2 : Import from the web In this block you have to enter the URL where the ZIP file is stored and click on "Save" Button. Zip File contains following directory and file: (dir) assets (dir) config (dir) dependencies (dir) modules (dir) templates (dir) translations (file) preview.png STEP 2: Go to Prestashop Admin Panel Design > Theme & Logo in your Prestashop Back- Office. Then click on Add new theme button at Top right corner...

6 Now select the ZIP file which you have uploaded and click on "Save" Button. STEP 3: Now click on "Use this theme" button for activate new theme and that's it! You have successfully installed your new theme! NOTE: After completion of above process upload all static images on your server in "/public_html/img/cms/" directory using FTP or Cpanel. You can find images in package folder: Prestashop Files_v.1.7.x/img/cms/ directory.

7 Setting up Logo Go to Design > Theme and Logo in your Prestashop Back-Office. Now Upload logo for Store, Invoice and .. Setting up image Go to Design > Image Settings in your Prestashop Back-Office. A. Image size We advise you to set the image dimensions according to the following screenshot: B. Image quality Set image quality to use on your site.

8 C. Regenerate thumbnails To see the changes after you update the image sizes, image quality you need to re-generate the images is using in your site. Select option then click button Regenerate thumbnails Position of Modules Go to Design > Positions in your Prestashop Back-Office. You can see all order of the modules. Follow images to see some example position of modules that we use in this theme.

9

10

11 Ortho Theme Module Setting After importing theme successfully, all theme modules are also installed. You just have to configure it as your need. Go to Modules > Modules and Services in your Prestashop Back-Office. click on Installed modules tab and configure all the modules provided by Templatetrend. 1. Ortho Themes Image slider Go to Modules List section, search "Ortho Themes Image slider" module then click on Configure Screenshot of Image Slider Setting. Click On Edit Button

12 Edit Image Slide as Screenshot. Same way you can do for all Images. 2. Ortho Theme Featured products Settings Go to Modules List section, search "Ortho Theme Featured products" module then click on Configure

13 Screenshot of Module Setting.After configuring it click on "Save" button to save settings for module. 3. Ortho Theme Brand list Go to Modules List section, search "Ortho Theme Brand list" module then click on Configure Screenshot of Module Setting.After configuring it click on "Save" button to save settings for module. 4. Ortho Theme Custom Payment blocks Go to Modules List section, search "Ortho Theme Custom Payment blocks" module then click on Configure. Click on "Configure" button to configure CMS content. Screenshot of Module Setting. Here you can edit HTML content by click on "Source Code" button than copy &

14 Paste below code than Save it. Sample source code for Module. <div class="bottom-payment bottom-right-1"> <ul class="payment-inner"> <li><a href="#"><img src="img/cms/payment1.png" alt="" /> <li><a href="#"><img src="img/cms/payment2.png" alt="" /> <li><a href="#"><img src="img/cms/payment3.png" alt="" /> <li><a href="#"><img src="img/cms/payment4.png" alt="" /> </ul> 5. Ortho Theme Left Banner Custom blocks Go to Modules List section, search "Ortho Theme Left Banner Custom blocks" module then click on Configure. Click on "Configure" button to configure CMS content. Screenshot of Module Setting. Here you can edit HTML content by click on "Source Code" button than copy & Paste below code than Save it.

15 Sample source code for Module. <p><a href="#"><img src="img/cms/left.jpg" alt="" /></a></p> 6. Ortho Theme New products Leftside block Go to Modules List section, search "Ortho Theme New products Leftside block" module then click on Configure. Click on "Configure" button to configure CMS content. Screenshot of Module Setting. Screenshot of Module Setting.After configuring it click on "Save" button to save settings for module. 7. Ortho Theme Footerleft text blocks Go to Modules List section, search "Ortho Theme Footerleft text blocks" module then click on Configure. Click on "Configure" button to configure CMS content.

16 Screenshot of Module Setting. Here you can edit HTML content by click on "Source Code" button than copy & Paste below code than Save it. Sample source code for Module. <div id="footerbottomleft-text" class="wrapper footer-cms col- <div class="title"> <h3 class="h3">contact</h3> <span class="pull-xs-right"> <span class="navbar-toggler collapse-icons"> <i class="material-icons add"> </i> <i class="material-icons remove"> </i> </span> </span> <ul class="footer-toggle"> <li> <div class="bottomcmsblock"> <div class="bottomcmsinner"> <div class="cmstext"> <ul> <li class="addresh-wrapper"><a href <li class="mobile-wrapper"><a href= <li class=" -wrapper"><a href=" </ul> </li> </ul>

17 8. Ortho Theme Custom testimonial blocks Go to Modules List section, search "Ortho Theme Custom testimonial blocks" module then click on Configure. Click on "Configure" button to configure CMS content. Screenshot of Module Setting. Here you can edit HTML content by click on "Source Code" button than copy & Paste below code than Save it. Sample source code for Module. <div class="testimonial-inner"> <div class="testimonial-outer"> <div class="titles"> <div class="title_inner"> <h1 class="main-title">what Our Client's Say</h <div id="testimonial-slider" class="owl-carousel testim <div class="item"> <div class="testminial-data"> <div class="test_imag"> <div class="test_img_innar"><img class= <div class="test_desc"> <div class="testimonial-desc"> Make a type specimen book. It ha <div class="testmonial-author1">tony ch

18 <div class="testmonial-author2">creativ <div class="item"> <div class="testminial-data"> <div class="test_imag"> <div class="test_img_innar"><img class= <div class="test_desc"> <div class="testimonial-desc"> Make a type specimen book. It ha <div class="testmonial-author1">jessica <div class="testmonial-author2">owner & <div class="item"> <div class="testminial-data"> <div class="test_imag"> <div class="test_img_innar"><img class= <div class="test_desc"> <div class="testimonial-desc"> Dentures actually improve our smile <div class="testmonial-author1">tony Ch <div class="testmonial-author2">creativ 9. Ortho Theme - Product Tabs Slider Settings Go to Modules List section, search "Ortho Theme - Product Tabs Slider" module then click on Configure Screenshot of Module Setting.After configuring it click on "Save" button to

19 save settings for module. 10.Ortho Theme Custom Footer Bottom Right blocks Go to Modules List section, search "Ortho Theme Custom Footer Bottom Right blocks" module then click on Configure. Click on "Configure" button to configure CMS content. Screenshot of Module Setting. Here you can edit HTML content by click on "Source Code" button than copy & Paste below code than Save it. Sample source code for Module. <div id="footerbottomright-text" class="wrapper footer-cms col

20 <div class="title"> <h3 class="h3">services</h3> <span class="pull-xs-right"> <span class="navbar-toggler collapse-icons"> <i class="material-icons add"> </i> <i class="material-icons remove"> </i> </span> </span> <ul class="footer-toggle"> <li><a href="#">your Orders</a></li> <li><a href="#">your Wishlist</a></li> <li><a href="#">payment Method</a></li> <li><a href="#">delivery inform</a></li> <li><a href="#">terms Use</a></li> </ul> 11.Ortho Theme Custom Shipping blocks Go to Modules List section, search "Ortho Theme Custom Shipping blocks" module then click on Configure. Click on "Configure" button to configure CMS content. Screenshot of Module Setting. Here you can edit HTML content by click on "Source Code" button than copy & Paste below code than Save it. Sample source code for Module.

21 <div class="shipping-outer container"> <div class="shipping-inner"> <div class="subtitle-part subtitle-part1"> <div class="subbanner-part-maininnner1"> <div class="subtitle-part-inner"> <div class="subtitile"> <div class="subicon"><span class="hide">ic <div class="subtitile1">free Shipping</div <div class="subtitile2">world for orders o <div class="subtitle-part subtitle-part2"> <div class="subbanner-part-maininnner2"> <div class="subtitle-part-inner"> <div class="subtitile"> <div class="subicon"><span class="hide" <div class="subtitile1">special Gift</d <div class="subtitile2">give the perfec <div class="subtitle-part subtitle-part3"> <div class="subbanner-part-maininnner3"> <div class="subtitle-part-inner"> <div class="subtitile"> <div class="subicon"><span class="hide" <div class="subtitile1">money Back</div <div class="subtitile2">money Back Insu 12.Ortho Theme SubBanner Custom blocks Go to Modules List section, search "Ortho Theme SubBanner Custom

22 blocks" module then click on Configure. Click on "Configure" button to configure CMS content. Screenshot of Module Setting. Here you can edit HTML content by click on "Source Code" button than copy & Paste below code than Save it. Sample source code for Module. <div class="subbannercms-outer container"> <div class="subbannercms-inner row"> <div class="subbannercms-left"> <div class="subbanner-common subbannerpart1"> <div class="subbanner1 subbanner-inner"> <a href="#"><img src="img/cms/banner1.jpg" alt="" <div class="subbannercms-right"> <div class="subbanner-common subbannerpart2"> <div class="subbanner2 subbanner-inner"> <a href="#"><img src="img/cms/banner2.jpg" alt="" <div class="subbanner-common subbannerpart3"> <div class="subbanner3 subbanner-inner"> <a href="#"><img src="img/cms/banner3.jpg" alt=""

23 13.Ortho Theme Custom About blocks Go to Modules List section, search "Ortho Theme Custom About blocks" module then click on Configure. Click on "Configure" button to configure CMS content. Screenshot of Module Setting. Here you can edit HTML content by click on "Source Code" button than copy & Paste below code than Save it. Sample source code for Module. <div class="about-wrapper"> <div class="about-bottom"> <a href="#"><img src="img/cms/footer-logo.png" alt="logo" <div class="about-bottom-text"> <p> Contrary to popular belief, Lorem Ipsum is notrandom <div class="social-outer"> <div class="social-text">follow Me <ul class="icon-wrapper"> <li><a href="#" class="fa-facebook"><i class="fa fa-faceb <li><a href="#" class="fa-twitter"><i class="fa fa-twitte <li><a href="#" class="fa-youtube-play"><i class="fa fa-y <li><a href="#" class="fa-linkedin"><i class="fa fa-linke </ul>

24 14. Xpert Prestashop Blog Module by xpert-idea.com First You have to Upload Xpert Prestashop Blog Module zip file. Go to Modules > Modules and Services > Upload a module in your Prestashop Back-Office. You can find the xipblog.zip file in The Theme_package >>Documentation.zip >>Modules >>xipblog.zip File You can uplaod this file to your prestashop back Office. -> Xpert Blog Display Posts on Home Page About Xpert Blog Display Posts on Home Page module Go to Xpert Blog - Blog Posts : Add, Delete or Edit Posts of Blog - Blog Categories : Add, Delete or Edit Categories of Blog - Blog Comments : Manage Comments - Blog Image Type : Manage type of images Add Blog Post Go to Xpert Blog > Blog Posts

25 Click Save button when you finish. Edit Blog Post Go to Xpert Blog > Blog Posts Choose item you want to edit, click Edit Then edit Click Save button when you finish. 15. Ortho Theme Newsletter Popup Module First You have to Upload Ortho Theme Newsletter Popup Module zip file. Go to Modules > Modules and Services > Upload a module in your Prestashop Back-Office. You can find the otpopupnewsletter.zip file in The Theme_package >>Documentation.zip >>Modules >>otpopupnewsletter.zip File You can uplaod this file to your prestashop back Office.

26 Screenshot of Module Setting.After configuring it click on "Save" button to save settings for module. Support & Customization Please, submit a request We care for every detail You provided. we ll get back to you ASAP. Please contact us via Prestashop Addons: we will reply to you very soon Again thank you for purchasing Expo Auto Store Prestahsop theme!. If You Like our Theme Please Give Us rating On Prestahsop Addon. Still If You have Question Contact Us on Prestashop Addons.

27 Copyright Template Trend. All Rights Reserved.