USER GUIDE

OT Valupat
Prestashop Theme & Extensions
Installation and Configuration

Author: OmegaTheme.com

ID: UGPS_OT_V...
UGPS_OT_Valupat_001

Table of Contents
Table of Contents.....................................................................
UGPS_OT_Valupat_001

Revision History
Version
1.0L
Version

Date

Author

Change references

14 Aug 2012 Omegatheme Create...
UGPS_OT_Valupat_001

1. Introduction
Our theme packages include theme installation package, installable theme demos
packag...
UGPS_OT_Valupat_001

3. Install full site demo package
Step 1:
Extract the demo package (ot_***_ps_demo_package.zip) into ...
UGPS_OT_Valupat_001
The configuration need to be valid as the below sample figure, the configurations at
“Optional set-up”...
UGPS_OT_Valupat_001
After done all required settings, click “Next” to continue.

Step 5: After passed Step 4 successfully,...
UGPS_OT_Valupat_001

Figure 5: Install the demo package - Completed

When you see this screen, Congratulation! The install...
UGPS_OT_Valupat_001

3. Theme and Modules Installation & Configuration Instructions
The order of installation:
Step1: Inst...
UGPS_OT_Valupat_001

Figure 6: OT Valupat - main module positions (hooks)

Page 9 / 17
UGPS_OT_Valupat_001

3.2. OT Theme Control module, theme parameters configuration
This module provides some configurations...
UGPS_OT_Valupat_001

3.3. OT Dropdown menu (otmenu) module
This module provides horizontal menu bar with dropdown for them...
UGPS_OT_Valupat_001
3.3.1. Add new menu item

Notice

If you want to build a Multilanguage menu (eg: English en, Spanish e...
UGPS_OT_Valupat_001
3.3.3. Translate a menu item into other language
From menu item list, choose the menu item to edit by ...
UGPS_OT_Valupat_001

Figure 13: Drag and drop to sort menu items

3.4. Slideshow module MINICSLIDER
A free module, see her...
UGPS_OT_Valupat_001

3.9. Custom HTML modules
Table 3: Custom Html modules

Custom html module
Ot custom html top

Transpl...
UGPS_OT_Valupat_001

References
[1]. Prestashop User Guide

Page 16 / 17
Upcoming SlideShare
Loading in …5
×

Ot valuapat ps14_user_guide_v1.0

1,143 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,143
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ot valuapat ps14_user_guide_v1.0

  1. 1. USER GUIDE OT Valupat Prestashop Theme & Extensions Installation and Configuration Author: OmegaTheme.com ID: UGPS_OT_Valupat_001 Version: 1.0L (Date: 14 Aug 2012)
  2. 2. UGPS_OT_Valupat_001 Table of Contents Table of Contents....................................................................................................................1 Revision History .....................................................................................................................2 Tables and Figures ..................................................................................................................2 1. Introduction.........................................................................................................................3 2. Requirements ......................................................................................................................3 3. Install full site demo package .............................................................................................4 3. Theme and Modules Installation & Configuration Instructions .........................................8 3.1. Theme module positions details ..................................................................................8 3.2. OT Theme Control module, theme parameters configuration...................................10 3.3. OT Dropdown menu (otmenu) module .....................................................................11 3.3.1. Add new menu item ............................................................................................12 3.3.2. Edit a menu item .................................................................................................12 3.3.3. Translate a menu item into other language.........................................................13 3.3.4. Resort the menu items.........................................................................................13 3.4. Slideshow module MINICSLIDER ...........................................................................14 3.5. Last Products module.................................................................................................14 3.6. Featured Products ......................................................................................................14 3.7. Manufactures module ................................................................................................14 3.8. Categories module .....................................................................................................14 3.9. Custom HTML modules ............................................................................................15 References.............................................................................................................................16 Page 1 / 17
  3. 3. UGPS_OT_Valupat_001 Revision History Version 1.0L Version Date Author Change references 14 Aug 2012 Omegatheme Created Date Author Change references Tables and Figures Figure 1: Install demo package – Step 1....................................................................................4 Figure 2: Install demo package – System compatibility............................................................5 Figure 3: Install the demo package – Database configurations .................................................5 Figure 4: Install the demo package – Shop configuration .........................................................6 Figure 5: Install the demo package - Completed .......................................................................7 Figure 6: OT Valupat - main module positions (hooks)............................................................9 Figure 7: BackOffice - Find OT Theme control module.........................................................10 Figure 8: BackOffice – OT Theme control – theme parameters .............................................10 Figure 9: BackOffice - Find OT Dropdown Menu module.....................................................11 Figure 10: Add new menu item ...............................................................................................12 Figure 11: Edit a menu item ....................................................................................................12 Figure 12: Translate menu item into other language ...............................................................13 Figure 13: Drag and drop to sort menu items ..........................................................................14 Table 1: Main hooks on home page design view ......................................................................8 Table 2: OT Theme Control parameter options.......................................................................10 Table 3: Custom Html modules ...............................................................................................15 Page 2 / 17
  4. 4. UGPS_OT_Valupat_001 1. Introduction Our theme packages include theme installation package, installable theme demos package (quickstart package – included sample data, extensions with pre-configuration), extensions packages and documents. The theme installation package and extensions packages provide you installable theme package and installable extensions that you can directly upload and install it from Module manager of your Prestashop Back Office. This document is a step-by-step guide that show you how to install a theme package, extensions and how to configure theme’s parameters, extensions’ parameters in order to have a site looks like our demonstration site. You can install our demos theme package first and see theme’s preset parameters, preset extensions and how them work. You may do that experience along with reading this document, then you will understand and know how to configure all of things to make your site working quickly. We RECOMMEND that you should use the full site demo package if you are not family with Prestashop and theme / modules installation. See section 3. Install full site demo package for installation guide. Please read the documents at References section in this document to know more about general PRESTASHOP administration. 2. Requirements □ All general requirements to run Prestashop (1.4) properly. □ If you want to use the full demos package to get a full site quickly, make sure you have the demo package in the downloaded package. The demo package may in form: ot_***_ps_demo_package.zip For example: ot_valupat_ps_demo_package.zip □ If you already have a Prestashop site and just want to install the theme and modules, please make sure you have the installable theme package and module packages. Theme package’s name maybe in form: ot_***_ps_theme_package.zip For example: ot_valupat_ps_theme_package.zip Extensions will be found in the “Extensions” directory in downloaded package. In this document, we assume the site url is http://localhost/ot_valupat/ and the administrator section you installed and changed is http://localhost/ot_valupat/admin/ . Page 3 / 17
  5. 5. UGPS_OT_Valupat_001 3. Install full site demo package Step 1: Extract the demo package (ot_***_ps_demo_package.zip) into a created directory (eg: “myshop”) then upload/copy that folder to your web service folder (eg: “www”) then you will have /www/myshop/. Please make sure the folder and subs are writeable. Step 2: Create a new database (eg: “myshop_db”). Step 3: Browse to you site url to start the installation (eg: http://localhost/myshop/ or http://my-domain.com/myshop/ ). You will see the first screen say “Welcome”. In this step, please choose your prefered language for the installation, choose “Install a new online shop” option, check to agree the terms and conditions and click “Next” button to go to next step. Figure 1: Install demo package – Step 1 Step 4: Check the validation of PHP settings, Write permissions on files and folders and other configurations to know if it met the requirements or not. Page 4 / 17
  6. 6. UGPS_OT_Valupat_001 The configuration need to be valid as the below sample figure, the configurations at “Optional set-up” do not need all valid but some with “Recommended” notice is recommended. Figure 2: Install demo package – System compatibility Figure 3: Install the demo package – Database configurations In the database configuration step, type your database connection information, choose database engine (default is InnoBD). At the “Installation type” choose “Full mode”. Page 5 / 17
  7. 7. UGPS_OT_Valupat_001 After done all required settings, click “Next” to continue. Step 5: After passed Step 4 successfully, you will be taken to “Shop configuration” page. Here you can type some shop information and then administrator email and password, etc. Figure 4: Install the demo package – Shop configuration Page 6 / 17
  8. 8. UGPS_OT_Valupat_001 Figure 5: Install the demo package - Completed When you see this screen, Congratulation! The installation is completed. Just remember to remove the “/install” folder for security purposes. Tips You may also want to change the /admin folder to something else (eg: /myadmin) to increase the security. Conclusion:  If you are not family with installing theme/modules and its’ configuration, please use this full site demo package.  If you want to have a full site looks like demo fast, use this either.  If you already have a shop using Prestashop 1.4 and just want to use theme and modules please see below sections for installation and configuration guide. Page 7 / 17
  9. 9. UGPS_OT_Valupat_001 3. Theme and Modules Installation & Configuration Instructions The order of installation: Step1: Install module Ot Theme Control Panel (ottemcontrol) first. Step2: Install our theme Step3: Install other modules and configure them Below section just tell you about theme and modules with configuration. To know how to install a module or a theme, please follow these tutorials:  Installing a module  Uninstalling a module  Installing themes  Transplanting a module via the back-office (assign/put a module into a hook/position) To know what positions are supported, please see section 3.1. Theme module positions details. 3.1. Theme module positions details Below are main hooks which draw on homepage design view Figure 6. To view more detail about general Prestashop hooks and modules position which not mentioned here, please see here. Table 1: Main hooks on home page design view Hook technical name Name top Top of pages menuNav menuNav banner bannerHome topContent TopContent leftColumn Left column blocks rightColumn Right column blocks home Homepage content bottomContent Bottom Content bottom Bottom footer Description Footer The main horizontal menu module Above the main body (Note: topContent and rightColumn are not shown in Figure 6 ) Page 8 / 17
  10. 10. UGPS_OT_Valupat_001 Figure 6: OT Valupat - main module positions (hooks) Page 9 / 17
  11. 11. UGPS_OT_Valupat_001 3.2. OT Theme Control module, theme parameters configuration This module provides some configurations for theme. After installed this module is place in “Other Modules” tab in “Modules” page. Find the module and click to “Configure” to open the module configuration page. Figure 7: BackOffice - Find OT Theme control module Figure 8: BackOffice – OT Theme control – theme parameters Table 2: OT Theme Control parameter options Option Values Description Custom Template ON/OFF Template width A number in pixel. If “Custom Template” is ON, will set the width of theme to this number. Default Layout Type Left – Content Content – Right If “Custom Template” is ON, will set the default column layout of theme to the selected. Tips You may find the module quickly by type in the search box words “Ot Theme” Page 10 / 17
  12. 12. UGPS_OT_Valupat_001 3.3. OT Dropdown menu (otmenu) module This module provides horizontal menu bar with dropdown for theme. It supports up to 3 levels of submenus. You can add new menu items, re-sorting with drag&drop action. After installed this module is place in “Front Office Features” tab in “Modules” page. Find the module and click to “Configure” to open the module configuration page. Figure 9: BackOffice - Find OT Dropdown Menu module The main view of module back office will have a form to add / edit menu items, a list of menu items with tree view, a utility help you drag and drop to re-sort the menu items. Tips Notice You may find the module quickly by type in the search box words “OT Dropdown” Please transplant this module into menuNav hook Page 11 / 17
  13. 13. UGPS_OT_Valupat_001 3.3.1. Add new menu item Notice If you want to build a Multilanguage menu (eg: English en, Spanish es) you NEED enable both these languages in Tools  Languages first. From the “Add/Edit Menu Item” section, in the form please type the menu item Name, Link, choose Target, Parent level, choose Publish YES and type the Order. Then click “Add” button to save new menu item (Figure 10). The item will display in “Menu items list” section. Figure 10: Add new menu item 3.3.2. Edit a menu item From menu item list, choose the menu item to edit by click the edit button in appropriate row. Figure 11: Edit a menu item After edited, click “Save” button to save the change. Page 12 / 17
  14. 14. UGPS_OT_Valupat_001 3.3.3. Translate a menu item into other language From menu item list, choose the menu item to edit by click the edit button in appropriate row. Click to the flag icon to choose the destination language then type the menu item Name in destination language and click “Save” button. Figure 12: Translate menu item into other language 3.3.4. Resort the menu items At “Re-sort menu items” section, click and hold the icon at beginning of menu item then drag and drop to sort the items. The sorting is level aware action. This means items will be resort in each level and does not effect to the parent – child relation. Page 13 / 17
  15. 15. UGPS_OT_Valupat_001 Figure 13: Drag and drop to sort menu items 3.4. Slideshow module MINICSLIDER A free module, see here Notice Please transplant this module into banner hook 3.5. Last Products module 3.6. Featured Products 3.7. Manufactures module 3.8. Categories module Page 14 / 17
  16. 16. UGPS_OT_Valupat_001 3.9. Custom HTML modules Table 3: Custom Html modules Custom html module Ot custom html top Transplant into Hook Description top Ot custom html footer footer Ot custom html bottom2 bottom Page 15 / 17
  17. 17. UGPS_OT_Valupat_001 References [1]. Prestashop User Guide Page 16 / 17

×