Getting Started

EgrowthLite Free PrestaShop Theme is a unique & optimized for online store. This Free PrestaShop Theme comes with a beautiful and modern interface. EgrowthLite Free PrestaShop Theme is a perfect fit for Multipurpose online store, as it provides a clean & flexible appearance and a catchy online shop.

Compatible with Prestashop:

Prestashop 1.7.x

Prestashop 1.7 Help:

System Requirements

Installation Guide

Prestashop 1.7 Forum

Prestashop at stackoverflow.com

Video Tutorials

Introduction

EgrowthLite is a responsive, clean and modern PrestaShop 1.7 theme which will be a perfect match for your online store.

EgrowthLite Free PrestaShop Theme helps you grab every potential visitor by showing highly responsive design on desktop, tablet or mobile. EgrowthLite has all features to power up your online store. EgrowthLite is truly made for drive more conversion.

This Free PrestaShop Theme has advanced features which will make your website becomes more professional with clean and classy layouts. The clean and classy layout makes your store more professional.

Highlighted Features

  • PrestaShop 1.7.8.0 CompatibleHot
  • Fully Responsive
  • Pixel Perfect Design
  • Mobile-first Optimized
  • Scroll to Top New
  • Auto Demo Content Install
  • New translations featuresNew
  • Professional UI/UX Design
  • Product Wishlist Hot
  • Multi language & currency
  • Lazy Load Hot
  • Product Grid/List
  • Ajax Quickview
  • Sub-categories on Categories pages Hot
  • New & Sale Product Label
  • Product Comment Module New
  • Unique Block Design
  • Google Fonts
  • Google Analytics New
  • Cross Browser Comparability
  • Search Engine Optimized New
  • Well Documented
  • Super High Performance
  • Top level Support Pro

Theme Installation

To install the theme follow the instructions below:

Prepare Installation

We recommend you to duplicate your live store on a development store and try installation on it in advance.

Backup Prestashop 1.7 files and the store database.

Disable all cache related section that you have in your Prestashop 1.7.

If you need help for installing Prestashop, follow the instructions in Prestashop Doc Guide..

Note: We recommend to use this theme on a new, clean installation or existing shops without custom core modifications.

PHP configuration

memory_limit = 128M

max_execution_time = 300

max_input_time = -1

upload_max_filesize = 25M

post_max_size = 20M

max_input_vars = 10000

allow_url_fopen = On

register_globals = disabled

Files & Folders Permission

Permissions for all files should be set to "664"

Permissions for all folders should be set to "755"

Note: If you don't know how to check these requirements, ask your hosting provider.

Theme Installation

1. Download theme package of your purchased theme and extract it.

2. Now Go to theme-files folder where you will find the zip (your-theme.zip) file.

3. Now login to your Prestashop backend panel and navigate to Design > Theme & Logo

4. Now click on Add new theme button at top right corner.

Add New Theme Section

5. Here, You will have three choice to install theme :

Upload New Theme
  • Import from your computer

    In this option, Click on the Add File button and select the theme package from theme-package > theme-files > your-theme.zip

    Once you select theme, click on Save button.

  • Import from the web

    In this option, here you have to enter the URL where the ZIP file is available.

    Now click on Save button.

  • Import from FTP

    In this option, You have to upload Theme File Package to your themes/ directory of your prestashop setup.

    Now select the ZIP file which you have uploaded at themes/ directory.

    Now click on Save button.

6. Now click on Use this theme button for activate new theme.

Apply Uploaded Theme

7. Your theme is now installed and ready for work.

Note: Once you installed this theme, all the static blocks and pages shown in live demo will be installed automatically to your Prestashop 1.7 setup.

In order to add the demo images used inside the theme, upload all static images (theme-images > img > cms) on your server in /[your prestashop root directory]/img/cms/ directory using FTP or Cpanel.

Settings Panel

Add Your Logo

Login to your PrestaShop backend panel and navigate to Design > Theme & Logo.

Add Your Theme Logo Setup Image Dimensions

Inside Prestashop backend panel navigate to Design > Image Settings.

Setup Image Dimensions Image quality

At Design > Image Settings this location, Set image quality as per your requirement.

Image Quality Modification Regenerate thumbnails

In order to see the changes after you update the image sizes, image quality. You must have to re-generate the images is using in your site.

Select option then click button Regenerate thumbnails

Regenerate Thumbnails Position of Modules

Inside Prestashop backend panel navigate to Design > Positions.

Check below image to see the example position of modules.

Position of Modules
Now the general options for this theme are configured.

Module Configuration

In this section, you will learn how to configure theme module easily.

Theme Static Blocks

How to add new block in AddonOcean Static Blocks Module ?

Go to: Back-Office > Modules > Module manager/Installed Modules > Search 'AddonOcean Static Blocks'

Search AddonOcean Static Block

AddonOcean Static Blocks will be shown. Now click on Configure button.

Add New Static Block

Now configuration page will be open. Click on + button to add new block.

Configure Static Block

Now add your block Title here and select the language. If you have enabled multiple languages then you must have to add title in all language also.

Edit Html in Static Block

Now set the hook in which you want to display this block on front-office.

To add the content in this block click on '<>' (Source code) button and place your HTML code in opened source code modal. Then click on Ok button.

Add Html for Static Block

If you want to insert the images then click on Insert/edit image button.

Upload Image in Static Block

Now click on Source icon.

Click Source Icon to Insert Image

Now click on Upload button at the top.

Click on Upload to Upload Image

Now drop your image files here. and click on Return to files list.

Click Return to Files List

Now click on your uploaded image.

Select Your Uploaded Image

URL path will be shown in source field. Now click on Ok button.

Image Url Inserted Click Ok

Your image will be shown in HTML field. Now select the status of block to Yes to enable it and the click on Save button.

Enable or Disable Button Click

In order to set the position of block Click on Manage hooks button.

Click Manage Hooks to set Position

Click on Transplant a module.

Click on Transplant a Module

Now select the module and hook which is you have selected earlier and then click on Save button at the bottom of page.

Change Hook for Selected Module

In order to see this block on front-office, you must have to clear the cache. To clear the cache Go to : Back-Office > Advanced Parameters > Preference.

Click on Clear cache button.

Clear Cache

That's all. Now, You will be see your changes on front-office.

Brand Image Slider

Inside Prestashop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search AddonOcean, here you will see AddonOcean Brand Image Slider module.

Click on Configure.

Brand Image slider configure

This is how you can configure the brand image slider using this module.

Google Analytics

Inside Prestashop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search AddonOcean, here you will see AddonOcean Google Analytics module.

Click on Configure.

google analytics slider configure

This is how you can configure the brand image slider using this module.

Scroll to Top

Inside Prestashop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search AddonOcean, here you will see AddonOcean Scroll to Top module.

Click on Configure.

Scroll to Top slider configure

This is how you can configure the brand image slider using this module.

FAQs

Theme Translations

Let see how to add Theme Translations.

How to add Theme Translations to translate strings?

Step 1: First login to your store back office.

( Example: {theme_name} = Consider your Purchase AddonOcean theme.)

Step 2: On left side navigation panel select 'International -> Translation', You will see 'Modify translations' section.

Modify Theme Translations

Step 3: Then, select 'Type of translation' from dropdown > 'Front office Translations' .

Step 4: Then, select 'Select your theme' from dropdown > '(Your_Theme)' .

Step 5: Then choose your targeted language 'Select your language' from dropdown > '(Your Language)' .

Step 6: Click on Modify Button.

Select Modification Theme and Language

Step 7: Search for your desire text to translate. You can then modify existing translations.

Theme Translation Section Configuration

Step 8: Now click on,  Save  button.

Step 6: Clear/Flush the cache.

Now Theme Translations is added. You can check it on your Frontend Store view.

Google Analytics Code

Let see how to add Google Analytics Code.

How to add Google Analytics Code in your store?

Step 1: Go to in your root directory > ..\themes\[your_theme]\templates\_partials\head.tpl file.

Step 2: Open this head.tpl file and add your Google Analytics Code (Refer below Screenshot).

Google Analytics Code File

Step 3: Then, Save the changes.

Step 4: Clear/Flush the cache.

Now Google Analytics is configured. You can check it on your Frontend Store view.

Clear Cache

Let see how to Clear Cache.

How to Clear Cache?

Step 1: First login to your store back office.

Step 2: On left side navigation panel select 'Advanced Parameters -> Performance'section.

Step 3: In the upper right corner please find the 'Clear cache' button and click on it to clear cache.

Click on Clear Cache

Step 4: Done! Check out Front-end now.

Now Cache is cleared. You can check it on your Frontend Store view.

Help & Support

Please, if you have any questions, run into any issues or just need some help, do not hesitate to contact us via our Support Center. We believe in providing the best support possible, and we monitor our Support center just about 24/7.

Your feedback is absolutely welcome!