Reviver

Responsive Multipurpose Prestashop Theme


Thanks for having purchased Reviver - Responsive Multipurpose PrestaShop Template, now it's time to get your fingers a little dirty and start configurate your theme. If you have any questions that are beyond the scope of this help file, please feel free to contact us via our Support Ticket. Thanks so much!

If you don't have Prestashop installed yet, you can download it from prestashop.com
Follow installation instruction.

 

 

Automatically installation of the template

If you want to install this theme automatically, please use native “Import/export a theme” module. You should make following steps:

  1. First of all you should to extract downloaded archive
  2. Login to your back-office and go to Modules page
  3. Search "Import/export a theme" module through the search bar. If you don't have this module in your back office, you should install it
  4. Go to the configure of module "Import/export a theme"  
  5. Select reviver-quickinstall.zip and click “Next” button

    Instal1step

  6. On this step you will get information about installed theme. Click “Next” button
     
  7. On this step you will get information about theme installation status. Please mark selected items as at the screenshot and click “Next” button

    Instal1step

  8. Next step will inform you about modules installation status, and images settings update. Click “Finish” button
  9. Go to "Preferences" → "Images". Click to "Regenerate thumbnails" button, and wait while it will be finished

Please reinstall Blockwishlist module as this will not install in automatic installation process!

 

 

 

Manual installation of the template

Step 1.

After Prestashop is installed you have to unpack Revivertheme.zip file. Copy "reviver" directory into your themes directory.

Instal1step

 

 

 

Step 2

Login to Your shop administration with your email address and password which you previously specified in Prestashop instalation process

Remember that you have to delete install folder from Your prestashop directory and change name of admin folder before you can login to Administration.

Instal2step

 

 

Step 3.

Go to Preferences -> Themes from main menu

Instal3step

Step 4.

Select Magari theme and then click SAVE button

Instal4step

Step 5.

You can now choose your logo image (in the demo of this template logo image have 193px width and 39px height)

Step 1. Setting the images size

Go to Preferences -> Images from main menu

Instal5step

 

Set the images size (width and height) like on picture below by clicking Edit symbol for each record.

Instal5step

 

After you set all these values correctly, scroll down to Regenerate thumbnail section and click Regenerate thumbnails button.

Instal5step





Step 2. Setting the existing modules

Next step is to set modules right.

Please reinstall Blockwishlist module. It's included to this theme

Go to Modules->Modules from main menu. Then you can see the list of all module from YourPrestashop/module directory

Instal5step


Now you have to find and disable following modules


Then you have to find and enable following modules

 

 

Step 3. Install additional modules

Important!!!

To make modifications such as Images on Ajax Search and Second product image on Hover please install module OVERRIDER and place it on first position in Header hook

You have to install all modules included to this theme which are:

 


After finishing step 2 and installing all custom module you should have following order in modules->positions

 

Complete list of module in Sidecolumn

Notice that we are using LEFT COLUMN to display sidecolumn. RIGHT COLUMN is not used.

 

 

Complete list of module in Home Page

 

 

Complete list of module in Footer

 

On home page we are using also Responsive Image slider block and HomePage Advertisement block but they are using their own hooks so you just need to install them.

 

 

Step 4. Enable CSS smart cache

To make Your website faster and to make IE8 correctly reads Your theme configuration you should enable Smart cache for CSS

To do that you should go to Advanced Parameters ->Performance and check "Use CCC for CSS".

HTML Structure

 

 

You can easily customize the theme to your needs by using ThemeConfigurator Module

 

There are few sections in this module

 

In general section you can set

In next 5 sections you can specify colors of some elements

 

In social links section you can specify links to Your Facebook, Twitter etc.

Those links  will be shown on the right side of the screen , near footer. Leave field empty if you want not to show link.

In Contact Us section you can specify Your company addres, phone, email and Fax

This will be shown in Contact us page

 

 

Last section is CUSTOM CSS

You can write any CSS instruction. If you want to change something which is not configurable from Theme Configurator you can specify Your instruction.

 

Remember to add !important at the end of instruction

 

Example:

body{background:red!important;}

This will make Your background red.

 

 

Advertisement slider

In demo you can see this module in sidecolumn.

 

HTML Structure

 

 

This module allows you to display advertisement slider in your side column. You can set speed of transition and pause between transition. By clicking on Add slide button you can add advertisement.

HTML Structure

 

Advertisement should have 306px width. Height is not important because this block will autoscale itself. You should set advertisement for each language you have installed on Your shop.

HTML Structure

 

 

 

 

Responsive image slider for Your homepage.

This module allows you to display slides on Your homepage. You can set

Height and width of thumbnails will be applied only when you choose camera slider

HTML Structure


In demo i'm using slides with 2000px width and 500px height. You have to add text of slide. Other fields are optional. By filling them you can set title of slide, price, button Url and button text. You can also choose text alignment of slide.

On screen below you have marked element with coresponding field in module configuration.

 

You should set slides for each language you have installed on Your shop.

 

 

Facebook likebox

This module allows you to display Facebook Likebox in Your footer. You only have to set the URL of Your Fanpage


HTML Structure


and you will get something like this in Your footer.

HTML Structure

 

Advertisement block on Your homepage.

This module allows you to display advertisements on Your homepage like on the screen below.

 

HTML Structure

 

You can choose how many columns You want. You can choose between 1-4. By default it is set to 3. By clicking on Add slide button you can add advertisement. Just choose image, title and URL to redirect after clicking.

HTML Structure

 

 

Manufacturers block on homepage

This module allows you to display Manufacturers in slider on homepage in sleek way like on image below.

HTML Structure

This module doesn't requre any configuration

 

 

 

New products slider on homepage

This module allows you to display Your new products in slider on homepage like on screenshot below.

HTML Structure

 

 

Copyright footer

This module allows you to add copyright informations about Your site. You can also add images.

HTML Structure

 

 

 

 

Mega Menu block

This module allows you to display any content in menu like it's shown below

 

 

 

On top of this module You can see 2 columns. On left you have list of available content. On right column you have content that will be shown in Your menu. Just mark some element and click Add >> to show it on Your site.

 

 

Below You can see Add Menu Top link section

 

You can specify

 

So for example if you create menu with full width and we will call it PARENT

Now we should add child for that menu. We can add as many child as we want but it's important that the sum of child width is parent width. 

In our example PARENT have enough space for 6 columns (full width) so as childs we can add

or we can mixed it.

 

 

Overrider module

This module should be installed if you want to use Images on Ajax search and Second Image while mouse over product (on category page).

 

 

 

 

Special Slider module

This module allows you to display Your special products (with price drop) in slider on homepage

 

 

 

 

Custom Tab module

This module allows you to display custom information in Tab on Product page like it's shown


You can specify title and description for that Tab.

 

 

 

 

Reviver quickview module

This module allows You to display product details in popup window on homepage or category page.

 

 

 

 

Blog module

This module allows You to publish blog posts on Your Shop. Please install this module and then you can manage Your blog in Catalog/Blog in Your Backoffice.
HTML Structure

Step 1. Creating categories
Creating at least one category is neccessary to work without problems. Just go to Catalog/Blog and click Add new category.
HTML Structure


You have to fill Category Title, Description and Friendly URL.

Step 2. Creating post
To create blog post go to Catalog/Blog and click Add new post.
HTML Structure
You have to choose Category, fill Title, Content and Friendly URL. You can also add Image (by default images size is 820px x 400px ) but you can change that in module configuration.

If you choose Image don't forget to TICK image switch below upload form

Important!!!


On most machines this module will work without any problem when SEO url are turned off however if you will experience some problems when Your SEO URL are disabled please contact us. We didn't find any problems when SEO URLs were ENABLED

 

 

 

 

How to install these modules

To install modules you should go to Your Shop administration, select Modules->Modules from main menu and then press "Add new module" button as it's shown below.

HTML Structure

You will see something like: HTML Structure

Then you have to select one of modules from Module instalation directory included to this Theme.



After installation process you have to find module on modules list and click install button.

HTML Structure

 

Also, here is an instruction on how to create menu like the "Sale" menu in our demo:

1.First step would be to create Sale menu.
Scroll down to Add Menu Top Link. In label type "Sale" in Url any url you want, don't add any HTML content, choose full width and click Add new block.

2. Second step would be to create content for this menu. If you choose full width it's mean that you have 6 columns to use. In our Demo Sale has 4 columns. 2 with width "1 column" and 2 with width "2 columns" which gives us 6 columns. Of course You can set different values.

So get back to our submenu. As label we can write whatever we want because it's not showed for second level. For second level we are using only HTML content parent and width. As parent we choose our "Sale".

For width we can choose 1 column and enter some HTML content. In our menu we use bulleted lists. You should add more submenus. What you have to remember is that sum of them width should equal width of Parent.

1. Second image as a hover for products on the category pages.

It is possible to set a second image for products on the category pages. You can turn it off in Theme Configurator.


2. Ajax Search With Images.

Enter any query and it will offer you a list of results with images.

Ajax search with images


3. Second Type of Product Box.

Currently there are 2 types of displaying product boxes available. You can choose one of them in Theme Configurator.

First type:

First type of displaying product boxes

Or second type:

Second type of displaying product boxes


4. Special Products Carousel on Homepage.

Now it is possible to display special products on the Home page.

Special products carousel on homepage


5. Custom Tab on Product Page.

Now it is possible to put any HTML content on a product page.

Custom Tab on product page


6. Google Rich Snippet.

This is very useful tool for SEO.


7. Only Sticky Menu on The Top.

In Theme Configurator you can choose between no sticky header / sticky menu only / sticky header.

Sticky header:

Sticky header

Sticky menu only:

Sticky menu only


8. Quick View Module.

Now it is possible to browse products details without refreshing the page.

Quick View Module

Quick View Module


9. Blog Module.

With exclusively developed Blog module you are free to create and manage articles, categories, etc.. See the "Additional Modules" chapter in this documentation.

You can find the well-organized PSD files in the PSD folder. Make sure you save the images in the correct format. They are either pngs or jpgs.

I've used following scripts

 

I've used the Google Fonts LINK TO GOOGLE FONTS

 

Once again, thank you so much for purchasing this theme. As I said at the beginning, we'd be glad to help you if you have any questions relating to this theme. No guarantees, but we'll do my best to assist. If you have more question, please feel free to contact us via our Support Ticket.

 

Version 1.1 - for buyers who have version 1.0 (bought it before October 25th 2013) and want to update their website to version 1.1.
Please view the changelog\v1.1.txt file in your purchased zip file.

Version 1.2 - for buyers who have version 1.1 (bought it between October 26th - November 1st, 2013) and want to update their website to version 1.2
Please view the changelog\v1.2.txt file in your purchased zip file.

Version 1.3 - for buyers who have version 1.2 (bought it between November 2nd - November 9th, 2013) and want to update their website to version 1.3
Please view the changelog\v1.3.txt file in your purchased zip file.

Version 1.3.1 - for buyers who have version 1.3 (bought it between November 9th - November 10th) and want to update their website to version 1.3.1
Please view the changelog\v1.3.1.txt file in your purchased zip file.

Version 1.3.2 - for buyers who have version 1.3.1 and want to update their website to version 1.3.2
Please read the changelog\v1.3.2.txt file in your purchased zip file.

Version 1.3.3 - for buyers who have version 1.3.2 and want to update their website to version 1.3.3
Please read the changelog\v1.3.3.txt file in your purchased zip file.

Version 1.3.4 - for buyers who have version 1.3.3 and want to update their website to version 1.3.4
Please read the changelog\v1.3.4.txt file in your purchased zip file.

Version 1.3.5 - for buyers who have version 1.3.4 and want to update their website to version 1.3.5
Please read the changelog\v1.3.5.txt file in your purchased zip file.

Version 1.3.6 - for buyers who have version 1.3.5 and want to update their website to version 1.3.6
Please read the changelog\v1.3.6.txt file in your purchased zip file.

Version 1.4 - for buyers who have version 1.3.6 and want to update their website to version 1.4
Please read the changelog\v1.4.txt file in your purchased zip file.

Version 1.4.1 - for buyers who have version 1.4 and want to update their website to version 1.4.1
Please read the changelog\v1.4.1.txt file in your purchased zip file.

Version 1.4.2
Please read the changelog\v1.4.2.txt file in your purchased zip file.

How to change phone number in the header?

Go to Localization->Translations -> Front Office Translations. Choose Reviver theme and click flag you want. Now at the Top you'll find Header section and those phrases.



How can I change the space between items in menu

Go to modules-> Theme Configurator and in Custom CSS section add

.lgray > li > a{ padding:17px 23px 20px;} 
By changing number "23" to something lower value you will get menu more shrinked and by changing to higher value it will make it more expanded.

Zooming on product page doesn't work?

Go to Preferences->Products and make sure option "Enable JqZoom instead of Thickbox on the product page" is turned ON



I'm modifying menu and nothing changed?

Go to Advanced Preferences-> Performance and turn off CACHE. You can turn it On again when you'll finish modifications.