Pos Optima Responsive Prestashop Theme 1.7.x.x, 8.x Theme

• Before you get started, make sure you have all the requirements available: Server space at a Hosting Provider, Domain Name, FTP client, Text Editor.

  • System: Unix, Linux or Windows. Unix is highly recommended.
  • Web server: Apache Web Server 2.2 or any later version.
  • PHP: We recommend PHP 7.1 or later.
  • MySQL: 5.6 minimum, a recent version is recommended.
  • Server RAM : The more the merrier. We recommend setting the memory allocation per script (memory_limit) to a minimum of 256M.

Must-have PHP extensions:

• CURL. The Client URL extension is used to download remote resources like modules and localization packages.
• DOM. The DOM extension is needed to parse XML documents. PrestaShop uses it for various functionalities, like the Store Locator. It is also used by some modules, as well as the pear_xml_parse library.
• Fileinfo. The File information extension is used to find out the file type of uploaded files.
• GD. The GD extension is used to create thumbnails for the images that you upload.
• Iconv. The ICONV extension is used to convert character sets.
• Intl. The Internationalization extension is used to display localized data, such as amounts in different currencies.
• JSON. The JSON extension is used to manage JSON format.
• Mbstring. The Multibyte string extension to perform string operations everywhere.
• OpenSSL. The OpenSSL extension is used to improve security.
• PDO. The PHP Data Objects extension is used to connect to databases.
• PDO (MySQL). The PDO_MYSQL driver is used to connect to MySQL databases.
• SimpleXML. The SimpleXML extension is used to manage XML files.
• Zip. The Zip extension is used to expand compressed files such as modules and localization packages.

Permissions:

• Permissions for all files should be set to "644"
• Permissions for all folders should be set to "755"

How to verify your server meets PrestaShop’s requirements:

You can use our system requirements tool to easily check if your environment fulfills PrestaShop’s requirements. Here’s how:

1. Download the latest version from GitHub.
2. Extract the zip file.
3. Upload the phppsinfo.php file to your server and put it inside your current shop’s directory or the one where you intend to install it.
4. Open it up on your browser (http://your-domain.com/path-to-your-prestashop/phppsinfo.php).
5. Type in the login and password if prompted (use prestashop for both).

- You must install default prestashop before. You can see instruction install default prestashop on Prestashop Wiki: http://doc.prestashop.com/display/PS17/Installing+PrestaShop

- Once the installation is done, delete the /install folder and write down the new of the /admin folder, which has been generated in order to be unique to you, for security reasons.

Installation Tutorial Video: How to Install Optima Prestashop theme (Creative Elements)

Follow the steps below to setup your site template:

• Log into your Prestashop Back-Office and go to Design > Theme & Logo

• Then click on the Add new theme button. Next browse for the zipped theme file.

  

  ***Make sure you take the "Installable zip" as this is what you would upload. "Installable zip" file is called "pos_optima_theme_x.x.x.zip"

• Once Prestashop has unpacked and installed the theme, just click to Use this theme button

  

• TO INSTALL OTHER DEMO, PLEASE FOLLOW STEPS BELOW:

• Go to POSTHEMES > Modules > Theme settings

  

• Choose Demo Setup : Choose demo (which has not been imported yet) you want to import then click Import button. Example, here: import Cosmetic 1 demo. If the demo has already been imported, skip this step.

  

• Click Header : At Header template : Choose header template from imported templates which you want to show.(Example: If you want header like header of Cosmetic 1: Select Cosmetic 1 - Header )

  

• Click Homepage : At Homepage template : Choose homepage template from imported templates which you want to show.(Example: If you want homepage like homepage of Cosmetic 1: Select Cosmetic 1 - Home )

  

• Click Footer : At Footer template : Choose footer template from imported templates which you want to show. (Example: If you want footer like footer of Cosmetic 1: Select Cosmetic 1 - Footer )

  

• Click Save button save your config.

• Finish installer.

- Tutorial video: How to edit content page with Creative Elements page builder

The first way:

• Login your prestashop admin
• Open the frontend
• Hover the header, homepage content, footer, you will see the icon Edit with Creative Elements and then click it. The Creative Elements panel will be shown.
• 
• Hover each widget/element you want to edit, then double click or click Edit icon to customize
• 
• On the Panel header, you can choose to edit the widget's content and style. Every Widget has a different setting.
• You can Save your current changes at any stage.
• When you have finished designing, click the 'X' button at the bottom panel and view the page.

The second way:

• Login your prestashop admin
• Go to IMPROVE > Creative Elements > Saved Templates
• 
• Choose tab Show All : You will see template list contains templates you imported in Pos Themeopptions . At the template you are using or want to edit, click Edit
• 
• At Content : Click Edit with Creative Elements to enter Live Page Builder.
• 
• Hover each widget/element you want to edit, then double click or click Edit icon to customize
• 
• On the Panel header, you can choose to edit the widget's content and style. Every Widget has a different setting.
• You can Save your current changes at any stage.
• When you have finished designing, click the 'X' button at the bottom panel and view the page.

Tutorial Video: Multilanguage Layouts Configuration(Creative Elements)

*** Multilanguage Homepage Configuration

• Login your prestashop admin
• Go to POSTHEMES > Modules > Theme Settings
• 
• At Homepage : At Homepage template : Choose -- Hook "DisplayHomeBuilder" --
• 
• Go to IMPROVE > Creative Elements > Content Anywhere
• 
• Create a new layout (or edit existing) and assign it to that hook displayHomeBuilder. Then Save
• 
• 
• At Content : Click Edit with Creative Elements and find language icon in the bottom left corner
• Config/Create content for language you choose.

*** Multilanguage Header Configuration

• Login your prestashop admin
• Go to POSTHEMES > Modules > Theme Settings
• 
• At Header : At Header template : Choose -- Hook "DisplayHeaderBuilder" --
• 
• Go to IMPROVE > Creative Elements > Content Anywhere
• 
• Create a new layout (or edit existing) and assign it to that hook displayHeaderBuilder. Then Save
• 
• 
• At Content : Click Edit with Creative Elements and find language icon in the bottom left corner
• Config/Create content for language you choose.

*** Multilanguage Footer Configuration

• Login your prestashop admin
• Go to POSTHEMES > Modules > Theme Settings
• 
• At Footer : At Footer template : Choose -- Hook "DisplayFooterBuilder" --
• 
• Go to IMPROVE > Creative Elements > Content Anywhere
• 
• Create a new layout (or edit existing) and assign it to that hook displayFooterBuilder. Then Save
• 
• 
• At Content : Click Edit with Creative Elements and find language icon in the bottom left corner
• Config/Create content for language you choose.

• Login your prestashop admin
• Navigate to CONFIGURE > Shop Parameters > Product Settings
• 
• In "Products (general)", enter "Number of days for which the product is considered 'new'"
• 
• Click "Save" button.

• You set product as discount product. Please see in How to set a product as discount product
• From the Specific Prices tab, when you Add a new specific price, you choose discount prior and set discount:
  - from: Select a beginning date for this discount.
  - to: Select an expiration date for this discount.
• 
• Click "Save" button

1. Login your prestashop admin

2. Go to Catalog > Products

   

3. Choose item you want to edit, click

   

4. At tab Basic settings, then click Add a related product button

5. Then search and add a related product

   

6. Click “Save” button when you finish.

General Configuration

1. Login your Prestashop admin

2. Go to Modules > Modules Manager

   

3. Choose “Modules” tab

   

4. On selected module, click "Configure" button.

   

   You will get a form with parameters of the module. Let's change the specified parameter with one suitable for your theme.

5. Click “Update” button to save config.

Module Configuration

Below is a list of all modules in Optima theme. Click on the name of module you want to read configuration guide.

1. Megamenu custommer
2. Vertical Megamenu
3. Creative Elements - Elementor based PageBuilder [in-stock]
4. Pos Elements
5. Pos Static Blocks
6. Pos Themeoptions
7. Pos search products by category
8. Pos Shopping cart
9. Quick menu mobile
10. Pos size chart
11. Pos Fake Orders
12. Pos Compare
13. Pos Wishlist
14. Pos Product Extra Tab
15. Pos Product Comments
16. Pos Cookie Law
17. Pos Newsletter Popup
18. Rotator img

*** You can go to Admin > Dashboard > POSTHEMES > Modules to config modules below:

• Theme settings : Pos Themeoptions
• Cookie law : Pos Cookie Law
• Fake orders : Pos Fake Orders
• Popup : Pos Newsletter Popup
• Product Extra Tab : Pos Product Extra Tab
• Mega menu : Megamenu custommer
• Vertical menu: Vertical Megamenu
• Pos Staticblocks : Pos Static Blocks
• Mobile quick links : Quick menu mobile
• Size chart : Pos size chart

Other modules

Included external modules (3rd party developers) and Prestashop module

1. Smart Blog
   • About Smart Blog module
     • Login your prestashop admin
     • Go to POSTHEMES > Blog
     • 

       - Posts : Add, Delete or Edit Posts of Blog

       - Category : Add, Delete or Edit Categories of Blog

       - Comments : Manage Comments

       - Image Type : Manage type of images

       - Settings : Settings of Smart blog

   • Add Blog Post
     • Login your prestashop admin
     • Go to POSTHEMES > Blog > Posts
     • 
     • 
     • Click “Save” button when you finish.
   • Edit Blog Post
     • Login your prestashop admin
     • Go to POSTHEMES > Blog > Posts
     • Choose item you want to edit, click Edit
     • Then edit
     • Click “Save” button when you finish.
2. Newsletter subscription

   

3. Faceted search

   Displays a block allowing multiple filters.

   

4. Products in the same category

   Products in the same category show products on the same category.

   

5. Social media follow links

   Social media follow links allows you to add information about your brand's social networking accounts

   

6. Social media share buttons

   

   Social media share buttons displays social media sharing buttons (Twitter, Facebook, Google+ and Pinterest) on every product page

   

7. Customer reassurance

   

   Customer reassurance module offering helpful information to reassure customers that your store is trustworthy.

   

8. Category tree links

   Category tree links displays a block featuring product categories

   

Back office translations

• Login your prestashop admin
• Go to International > Translations
• 
• At "Modify translations" section:
  • Type of translation : Back office translations
  • Select your language : Choose language you want to translate
• Choose Modify
• Then search text need translate
• 
• After typing your language, click Save to finish.
• Note: To find more informations, please read on http://doc.prestashop.com/display/PS17/Translations

Themes Translations

• Login your prestashop admin
• Go to International > Translations
• 
• At "Modify translations" section:
  • Type of translation : Themes translations
  • Select your theme : Select theme you want to translate
  • Select your language : Choose language you want to translate
• Choose Modify
• Then Search titles or text need translate
• After typing your language, click Save and stay or Save to finish.
• Note: To find more informations, please read on http://doc.prestashop.com/display/PS17/Translations

Translate module content

1. Pos Staticblocks

• Login your prestashop admin
• Go to POSTHEMES > Modules > Pos Staticblocks
• 
• Click "Edit" button of your selected block.
• 
• Choose Source Code to show code HTML of this block in English. Then copy source code.
• Click to choose language you want to translate
• Choose Source Code and paste code HTML. Then translate
• Click Save button when you finish

2. Megamenu custommer

• Login your prestashop admin
• Go to POSTHEMES > Modules > Mega menu
• 
• Click "Edit" button of your selected menu item.
• 
• Click to choose language you want to translate.
• 
• At Title, Sub Title: Translate text into your language.
• Click Save button when you finish

3. Vertical Megamenu

• Login your prestashop admin
• Go to POSTHEMES > Modules > Vertical menu
• 
• Click "Edit" button of your selected menu item.
• 
• Click to choose language you want to translate.
• 
• At Title, Sub Title: Translate text into your language.
• Click Save button when you finish