This document provides instructions for installing and configuring the OT Valupat Prestashop theme and extensions. It begins with requirements and instructions for installing a full demo site package. It then discusses installing individual modules like the theme control panel, dropdown menu, and others. Module positions and configurations are explained. Screenshots illustrate the installation and configuration steps. The document is intended help users get a site set up quickly based on the demo.

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. 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. 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. 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. 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. 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. 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. 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. 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. UGPS_OT_Valupat_001
Figure 6: OT Valupat - main module positions (hooks)
Page 9 / 17

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. 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. 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. 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. 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. 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. UGPS_OT_Valupat_001
References
[1]. Prestashop User Guide
Page 16 / 17