All posts by Roy Velvet

How to Update?

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.
50
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.
51

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

Customization guide — MODEZ

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.
06_preview6
Roy Banners
It allows to put banners everywhere.
23
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
24
Now it’s here:
25
… and here:
26
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.
27
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
28
Change telephone number and click Save
29
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.
30
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.
31
You can display / hide each payment icon in RoyThemes Customizer module — Footer section.
32
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
33
Click Edit on existing template, or create new one.
34
Now drag Product price filter to the top of the list and click Save
35
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
40
Go Click here to setup your free account
41
And register the way you prefer.
42
After registration, copy and past to module settings those fields, and click Verify the API Settings
43
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.
44
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/

Layout guide — MODEZ

MODEZ Layout

Let’s see MODEZ layout
custom1
custom2
custom3
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

Installation guide — MODEZ

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
1
Click Add new Theme
2
Click Add file
3
Go to _new_installation folder and choose modez_original_installer.zip file

4
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.
53

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

5

There are the modules that must be installed, set to enable or disable. Click Save.
6
And now click Finish.
7
Go to Preferences – Images.
9
Go to the bottom of page, and click Regenerate Thumbnails
10
Go to Advanced Parameters – Perfomance
11
Set Cache to NO, then click Save. And then click Clear cache.
12
Go to MODULES and choose All
13
Find Roy info block in the modules list. Then click on popup arrow, and choose Reset.
14
You will see success message.
15
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.
16
You will see configure page of Revolution slider module. Click Import Slider.
17
Now click Choose file and choose /slider/yourmodezlayout/_v5_and_above/homeslider.zip in modez archive folder. Then click Import with such settings.
18
It’s appear in the list. Now click Settings.
19
Choose Top Column Blocks in Display Hook select box.
20
And click Save settings at the bottom of page
21

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.