Ecolife Responsive Prestashop 1.7.x.x Theme


Pos Ecolife is a premium Responsive Prestashop theme with advanced admin modules, extremely customizable and fully responsive. It is suitable for every type of store. It is a standalone design package so you can easily create your own sub-themes.


And here you can find out more about theme updates, new features and about our upcoming themes:

- Follow us on Facebook

- Follow us on Twitter

- Follow us on Posthemes


PosThemes,

To install the theme you must have a working version of Prestashop already installed. For information in regard to installing the Prestashop platform, please see the Prestashop Documentation.

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

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.

Create or edit size image and Regenerate thumbnails

  1. Go to Design > Images Settings

  2. Create or edit size image

  3. Choose Regenerate thumbnails button

  4. After that, we got:


User will also be able to efficiently manage your PrestaShop site without related the programming skill. You work in the front-office interface directly (in the Administration Area), which can be helpful to everyone, special for shop owners. To find more informations, please read on http://doc.Prestashop.com/display/PS17/User+Guide

Note: When you finish install theme, you should disable cache. This step will help your Prestashop site active normally.

  • Advanced Parameters > Performance
  • At field Cache, choose No
  • Click Save button

Enabling Static Block with other language

In your theme, if there are 3 languages or more, please enabling static block by below guide:

  • Login your Prestashop admin
  • Go to International > Localization .
  • Choose tab Languages.
  • 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
  • Click Save button when you finish

*** Static blocks in Ecolife theme:

  • Map Block : In Contact Us page

  • payment block : In detail page

*** How to edit these static blocks:

  • Login your Prestashop admin
  • Go to POSTHEMES > Modules > Pos Staticblocks

  • At the static block you want to edit > Click Edit

  • Then, you can edit the static block as you want

    Click Save button to save your changes

  1. Login your Prestashop admin
  2. Go to Design > Theme & Logo > Click on Choose layouts

  3. Find necessary page and choose desired layout.
  • 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 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 > 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:

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

    - Please read more at Creative Elements & Pos Elements

    - 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

    Support Working time: Monday - Friday

    Estimated ticket and answers review time: 1-3 business days.

    We have hundreds of questions and provide answers asap, but this can take up to 3 days after your submitted request. Please be patient and wait for answer.

    Send us email to posthemes@gmail.com.