Ayon 4

What you need to start:

- Prestashop 1.7+ / Prestashop 8.+

- Ayon theme purchased and downloaded from Themeforest.net

Latest version of Prestashop can be downloaded from the official website: http://www.prestashop.com/en/download

And here you can find an Installation guide: http://doc.prestashop.com/display/PS17/Installing+PrestaShop

WARNING! Not official version of Ayon theme, downloaded NOT from Themeforest, can work not correct and make harm to your shop. Only official version of Ayon theme downloaded from Themeforest have a guarantee of proper work and full support by RoyThemes.

Unpack downloaded theme package.

Login Prestashop Back Office

Go to Design – Themes & Logo - Add new theme

Select installer from new_installation/ folder and click Save
Now you can see Ayon in themes.
- choose Ayon icon and click Use this theme.

Note: it can take some time depend on your server speed.

If your server have a limitation for uploaded files size - then upload file through FTP client:
- Open your shop main folder by any FTP client or your hosting panel file manager.
- go to unpacked Ayon files, 1_new_installation/ folder, select installer you want and upload it to your main shop folder themes/ folder.
- then you can go again to Add new theme - select Import via FTP and your uploaded installer.

Go to Modules - Module Manager and find Mega menu PRO - configure

- click Import/Export - select file from import/ folder.

Go to Slider Revolution menu in LEFT PrestaShop menu column (if your demo doesn't have slider - skip step and go to next one)

- add slider with click on Manual Import
- choose slider you need from import/demoname/ folder, click import slider
- to show slider only on home page - go to Design - Positions - find displayTopColumn hook, here you can see list of pages, select ALL except "index" - Save.

Go to Crazy Elements - Crazy Editors - Content Any Where menu in LEFT PrestaShop menu column.

- click on Import button
- choose content .zip file from import/demoname/ folder
- then go to edit - edit with Crazy elements button
- Now you can see your layout already, but first go Top-Left menu elementor button - Default Fonts
- Here select "Default" for all options and click APPLY.
- Now it will use font that you will set to use in Customizer module - Typography.

Note: if it's still uses Roboto font - go to back office LEFT menu - Crazy elements - Settings - Find and click on Clear cache on this page.

Go to Ayon Customizer menu in LEFT PrestaShop menu column. Then:
- open Demo Import
- choose Demo settings you need - Apply settings
- choose Demo colors you need - Apply settings
- click on Save changes.

Go to Advanced Parameters – Performance
- set Recompile templates if file have been updated
- set Cache to NO, click Save
- then click Clear cache in the top right corner.

Great! We've done, now go to your homepage and look at your new shop!

NOTIFICATION: Crazy Elements and Revolution slider modules don't need any activation. They included to theme as bundled plugins. The activation of modules only gives you some additional content from modules developers. If you still want to use additional content - you should purchase license on modules developers website and get the code.

All design changes - Customizer. All modules content changes - In Modules. All files to import - in import/ folder.
Now let's check how to edit different content and manage modules.

Ayon Customizer

You can change design of theme with this module. Change layouts of different elements, demo settings, colors, logos, backgrounds, fonts, display/hide elements and more...

Crazy Elements

Elementor-like visual page builder. To change content of your homepage after import in installation guide - go to Back office left menu - Crazy elements - Content Any Where - edit your block - click Edit with crazy elements button. Now you can edit, add, remove content you want.

When edit - scroll widgets menu to the bottom and you will see Special Premium Ayon theme widget:

Roy Product Tabs - the most advanced product tabs widget. You can add/edit/remove as many tabs as you want. Name it, select what products to show, product per row, slider and other options.

Other widget replaces modules that was in theme before and still exists.
So you can use them as widgets if you build content in Elementor, or you can use them as classic Prestashop modules:
- Featured products
- New products
- Best sellers products
- Sale products
- Roy Brands slider

Widget not connected with modules, so if you build home page content in Elementor - you can disable product module in modules manager.

If you are not familiar with Elementor - you can find online documenation here.

Roy Content

Allows to add/edit text in Footer and in Top panel of header, also possible to add banners and html content to different hooks.
To do it go to Modules - Roy Content - configure - edit on block from the section you need.

Product sliders

Ayon Theme allows you to use responsive and touchable product sliders.
You can use: Featured products, New products, Discount products, Best sellers products, Custom category products 1-3.
Settings of these modules you can find in Customizer - Homepage content - Product sliders.
Also from version 3.0 theme uses Crazy elements - Elementor-like visual page builder, that contains advanced Product tabs widget and other products widget.

To use Countdowns - just add Special price with start and end dates for your product in Catalog - Products - edit your product - Prices.

Mega Menu PRO

Amazing complete drag and drop AJAX admin panel allows you intuitively create advanced mega menus.
Import default menu is important, cause it has styles and premade settings. After import default menu - you can just edit blocks, add and delete as you want.

Simple Blog

You can manage Blog for Prestashop from the left menu of your back office.
Simple Blog allows you to add posts, categories, manage comments, etc.

You can find documentation of Simple Blog in documentation/ folder of theme archive.

You can find other modules in Modules list of your back office.

That's all. If you still have questions check documentation or write to support. Good luck with sales!