MODEZ How to Update
Here you will find how to update MODEZ
- Download last version of item from Themeforest
- You can do it here
- Unpack it on your computer.

- Open your website in FTP client (I’m recommend FileZilla Client) and make BACKUP of your files (Copy all your website files to some safe and warm place on your computer). IT’S VERY IMPORTANT THING! Also you can backup your database before updating.
ATTENTION! If you have (or I am for you) already made custom changes in code of files (.css, .tpl, .php) — remember, that you if you need these changes you will need to make it again after updating.
- Go to updates folder. Open folder with version you need. Upload with replace all content to your shop via FTP client.

- Now you should go to Prestashop Back Office — Modules — RoyThemes Customizer — click ‘configure’ — Check and set all new theme settings in Customizer with latest 2.6 mark — Then click APPLY CHANGES — to make new features work.
-
If you use ORIGINAL MODEZ and update to 2.6 — go to modules find Roy Quick search block — install it, then disable Quick search block (by Prestashop).
- Go to Advanced Parameters — Performance — Clear cache (top-right corner)
POSSIBLE PROBLEM SOLUTION:
If Search and Cart block (or any other) have not correct styles — go to Modules — Positions — find Header (displayHeader) hook — drag and drop Roythemes Customizer to the last position (even if it’s already there), then drag and drop Search and Cart modules to any position above. Prestashop will automatically save priority of modules styles after this move.
MODEZ Customization
Here you will find how to customize MODEZ
- RoyThemes Customizer
- You can change design of theme with this module. Change colors, backgrounds, fonts, display/hide elements and almost everything you see.

- Roy Banners
- It allows to put banners everywhere.

Let’s try to put banner to left column for example:
1. Set Hook to Left
2. Upload your banner image file
3. Click Save

Now it’s here:

… and here:

You can change banner position by Modules — Positions, find your hook, and drag Roy Banners module by mouse.
- Revolution Slider
- You can change slides and create animations of layers with this amazing module.

You can find how to import home slider of modez theme in MODEZ installation guide above.You can find great guide how to customize Revolution slider and create animations in offline guide.
Envato page of Revolution Slider Prestashop Plugin:
http://codecanyon.net/item/slider-revolution-responsive-prestashop-module/7140939?ref=RoyVelvet
- Roy info block
- Allows to put contact information blocks in the top section of theme. Better way is to edit existing blocks. Just click Edit

Change telephone number and click Save

If you want to change html code or icons — go to Tools — Source code
- Roy Social block
- It’s allow to add cute icons to your social accounts in footer. Just fill the links and click Save. Clear link to disable social network.

- Footer payment logos block
- It’s allow to show available payment methods of your store. In module configure page you can set destination page for the block’s link.

You can display / hide each payment icon in RoyThemes Customizer module — Footer section.

- Layered navigation block
- I want to tell you how to put layered navigation block filters to custom positions. For example, let’s put Price range slider to the top of filters block. Find it in Modules list and click Configure

Click Edit on existing template, or create new one.

Now drag Product price filter to the top of the list and click Save

- Social Login (by OneAll.com) (Do it if you want to have social login in your shop)
- First go to Modules list and find OneAll Social Login

Go Click here to setup your free account

And register the way you prefer.

After registration, copy and past to module settings those fields, and click Verify the API Settings

That’s all. You will need to setup every social network to do it work. Just follow instruction, when click on it on your shop autentification page.Here is some info:
https://docs.oneall.com/plugins/guide/social-login-prestashop/
- Roy Facebook Block
- Just change to your Facebook link.
- Smart Blog
- Smart Blog module contains some settings. There are 11 additional modules to Smart Blog module, that installed with MODEZ theme. If you don’t need any of them, just disable it.
You can find good documentation of Smart Blog here:
http://smartdatasoft.com/doc/ps/smartblog/
MODEZ Layout
- Let’s see MODEZ layout



If you can’t find module in Modules list, look this table:
Module label (also module folder name) |
Module name in Modules list |
roythemescutomizer |
Roy Themes Customizer |
blocklanguages |
Language block |
blockcurrencies |
Currency block |
blockmyaccount |
My Account block |
blockmyaccountfooter |
My account block for your website’s footer |
blockuserinfo |
User info block |
blockcart |
Cart block |
blocksearch |
Quick search block |
blocktopmenu |
Top horizontal menu |
revsliderprestashop |
Revolution Slider |
roybanners |
Roy Banners |
homefeatured |
Featured products on the homepage |
blockbestsellers |
Top-sellers block |
blocknewproducts |
New products block |
royinfoblock |
Roy Info block |
blocknewsletter |
Newsletter block |
roysocialblock |
Roy Social block |
blockcontactinfo |
Contact information block |
blockcms |
CMS block |
blockcategories |
Categories block |
roypaymentlogo |
Footer payment logos block |
blocklayered |
Layered navigation block |
blockspecials |
Specials block |
blockstore |
Store locator block |
blockviewed |
Viewed products block |
socialsharing |
Social sharing |
blockwishlist |
Wishlist block |
roybrands |
Roy Brands block |
smartblog |
Smart Blog |
royfacebookblock |
Roy Facebook Block |
MODEZ Installation guide
What you need to start:
— Clean Prestashop 1.6 +
— Purchased and downloaded MODEZ theme from Themeforest.net
Last version of Prestashop can be downloaded from the official website: http://www.prestashop.com/en/download
And here you can find Installation guide: http://doc.prestashop.com/display/PS16/Installing+PrestaShop
Once the theme has been downloaded to your computer, you are now ready to install it to PrestaShop via the Back Office.
- Login Back Office
- Go to Preferences – Themes

- Click Add new Theme

Click Add file

Go to _new_installation folder and choose modez_original_installer.zip file

Click Save and wait…
ATTENTION! If you have 1.6.0.7 or higher version of Prestashop, probably you will see error: «File is too big!». You can fix this by either changing your file upload size limits or by uploading the theme via an FTP client.
a) You have to upload modez_original_installer.zip (or modez_digital_indtaller.zip) to yourshopfolder/themes/
b) Go to «Preferences > Themes» and click on the «Add new theme» at the top of the page.
c) Find «Import from FTP» section. Select modez installer and click «Save».
d) Continue to next step
(Try this video for more information http://www.youtube.com/watch?v=sttmIbFCCTk )
- IMPORTANT! Open your web site via FTP client or via File Manager in your hosting panel.
Open in unpacked zip form themeforest _new_installation folder and upload override folder to your prestashop folder.

- Go back to your back office Preferences — Themes. You will see something like this. Now choose MODEZ icon and click Use this theme.

- There are the modules that must be installed, set to enable or disable. Click Save.

- And now click Finish.

- Go to Preferences – Images.

Go to the bottom of page, and click Regenerate Thumbnails

- Go to Advanced Parameters – Perfomance

Set Cache to NO, then click Save. And then click Clear cache.

- Go to MODULES and choose All

Find Roy info block in the modules list. Then click on popup arrow, and choose Reset.

You will see success message.

- Go to MODULES and click Add new module
-
Click ‘Choose file’ — and choose _new_installtion/premium modules/revsliderprestashop.zip
Click ‘Upload this module’.
Now ‘Install’ this module, then click Configure.

You will see configure page of Revolution slider module. Click Import Slider.

Now click Choose file and choose /slider/yourmodezlayout/_v5_and_above/homeslider.zip in modez archive folder. Then click Import with such settings.

It’s appear in the list. Now click Settings.

Choose Top Column Blocks in Display Hook select box.

And click Save settings at the bottom of page

You can add example left slider by the same way.
- Well done! We finished. Let’s go to front office page, and click Refresh in your browser.
ATTENTION! If you have 1.6.0.7 or higher version of Prestashop, probably some Javascript effects may not work by default (like slider, Currency and language popups, quick view and other). If you have that problem you can fix it simple way:
a) Go to «Advanced Parameters > Perfomance» in your back office.
b) Find «Move JavaScript to the end» and set it to ON
c) click Save.
Premium Prestashop Themes