Ecolife Responsive Prestashop 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 Documentation: 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:

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_ecolife_theme_x.x.x.zip"

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

  

  - Default theme is Organic 1 homepage.

• 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 Autopart 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 Autopart 1: Select header-autopart1 )

  

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

  

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

  

• Click Save button save your config.

• Finish installer.

• 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.

• Login your Prestashop admin
• Navigate to SELL > Catalog > Products
• 
• Choose item you want to edit, click
• 
• From the Categories section, select Home
• 
• Click "Save" button

• Login your Prestashop admin
• Navigate to SELL > Catalog > Products
• 
• 
• Choose item you want to edit, click Edit
• Choose tab “Prices”
• 
• From the Prices data tab, look for a checkbox with the description "Display the 'on sale' icon on the product page, and in the text found within the product listing" Click on the checkbox to activate the 'On Sale' status.
• 
• Click on the Save and Stay button.
• 
• 
• 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.

1. Login your Prestashop admin

2. Go to Catalog > Categories

   

3. At Actions of the category you want to show thumbnail : Choose Edit to edit

   

4. At Category thumbnail : Click Choose file(s) to upload new thumbnail image.

   

5. Click Save button to save your change.

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.

Modules in Ecolife theme

Below is a list of all modules in Ecolife 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

   

9. Tags block

   

   * How to add tags

   • Login your Prestashop admin
   • Navigate to Shop Parameters>Search
   • 
   • 

   * How to manage Product Tags

   • Login your Prestashop admin
   • Navigate to Catalog>Products
   • 
   • Choose product you want to edit, click Edit
   • Choose tab “Options”
   • From the Options data tab, look for Tags and add more tag for the selected products.
   • 
   • Click “Save” button when you finish.

- There are 2 ways to Edit content with Creative Elements. Read more at Getting Started

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 show.
• 
• 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.

• Login your Prestashop admin
• Go to POSTHEMES > Modules > Theme Settings
• 
• At Homepage : 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
• 
• 
• Click Edit and find language icon in the bottom left corner
• Similar configuration for other blocks like header, footer, product page...

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, translate the menu item.
• 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, translate the menu item.
• Click Save button when you finish