• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Quick Customization Guide Avik Pro

Denis

Support
Staff member
Admin
#1
Hi,
in this guide I will explain how to customize Avik Pro in a few simple steps.
Let's begin! :)

Customization with import of the Demo

avik-pro-demo-import.png

As soon as you have installed and activated Avik Pro, you will notice a Notification advising you to install 7 Plugins.
So the first thing you need to do is to install and activate these Plugins.

Now in the Dashboard in the "Appearance" Menu you have seen an entry "AVIK Import Demo".
Enter this menu.
From the "AVIK Import Demo" menu choose the demo you prefer and click "Import Demo Data" button.
Wait about 5 minutes (It also depends on the speed of your connection) and you will already have your site equal to the demo you have chosen.:)

Now you can change the content as you see fit, and customize it as you wish.

Common problems

error 500: here a guide

In Demo Avik Drink:
this Demo is the most complex because it requires the WooCommerce plugin, in some cases on the home page the categories of the posts of the sections are not selected, to resolve just select the categories of posts from the Sections.
You will also need to select the Store page from WooCommerce-> Settings -> Product and in WooCommerce-> Settings -> Advanced-> select the pages for Cart page and Checkout page (Cart and Checkout).

Customization without Demo

As soon as you have installed Avik Pro you will have the latest articles on your site on the Homepage.
To have the Homepage with the various sections you will have to create a new page with the title only (for example Home) and choose the attribute page (Template: Home Avik or Home Avik Two).
Now you will have the sections on the Home page!

To customize it you have to open the Customize and you will have the various controls.

Other Settings

Font Family : Here you can set the Font Family for titles and paragraphs and choose the size of the titles and the color.

Back To Top : Here you find the settings for the "Back to Top" button

Social: Here you can activate social media, when you activate them they appear in the header, in the Contacts section and in the Footer

Button Read More: Here you can edit the text of this button.

Nav Menu Settings: Here you have all the controls for the navigation menu, from color to size.

Layout: here you can insert the sections of the Homepage in the order you want

Preloader:here you can enable or disable the Preloader



Site Identity

Here you can upload your logo, adjust the size and rotation of the logo,the size of the site title and tagline, write the site title and upload the favicon.


Section ( sections are blocks of the homepage)

Slider: the Avik slider has 3 carousels showing the last post of a certain category, here you can select the category you want for the three carousels.

Slider Parallax: here you can choose the category of posts to show and whether to enable social media icons.

Header Spider: here you have all the controls related to this section.

Who We Are: here you can enable or disable this section, you can set the category of the post you want to show. In this section you have the possibility to show 2 images of the post you create. You must have activated the 'Multiple Post Thumbnails' plugin, so you can set 2 foreground images.You can also adjust their sizes and distances.

Services: here you can enable or disable this section, you can set the category of the post you want to show and you can set the size of the images.

Portfolio: here you have the possibility to set 3 different categories to show your posts in 3 blocks. When you create a post for the Portfolio you can use the "Portfolio" Template as an "Attribute".

Blog: here you have the possibility to set the category to show your posts, the length of the expert to show, enable the date and comments.You can also set the category and the number of posts you want to show in the carousel of individual blog posts and enable / disable the Sidebar on Smartphones.

Contact: here you can enable social media, enable the image before the Footer (which is the foreground image of this post that you can select from its category), you can enable the image effect and the distance of the Widget that you can enter from the Widget menu.


Pages (these are the pages with specific templates), in Avik Pro you have a lot of page templates available, when you create a new page choose the template you want in Attribute pages, regenerating the page you will see the meta-boxes to personalize that template. In addition, you have other controls available for these pages in the customizer.

Who We Are: here you have all the settings for this page.
Services: here you have all the settings for this page.
404 Page: here you have all the settings for this page.
Home Avik: here you have all the settings for this page.
Home Avik Two: here you have all the settings for this page.
Contact: here you have all the settings for this page.
About US: here you have all the settings for this page.
Blog Metro: here you have all the settings for this page.
Blog No Sidebar: here you have all the settings for this page.
Blog Sidebar Right: here you have all the settings for this page.
Blog Sidebar Left: here you have all the settings for this page.
Faq: here you have all the settings for this page.

Colors
here you have 10 skins with shades of color, you can still choose to set the colors manually.

Header Media

Here you can set an image in the header or a video or set the Slider for the header.
If you decide to set an image or a video you should set the category of posts you want the automatic cursor to write. (Title and excpert). You can also activate or deactivate the down arrow, social networks, the font. Bold text and the font. size and padding.
If you decide to set the Slider in the header you will have to select the categories from the Slider section.

Background Image

You can select an image for the background of your site

Menus

Avik Pro has 3 menus, 1 for the Homepage and one for posts and pages and one for Footer.
There are 2 menus because if in menu 1 (Main) you set the hooks to scroll through the sections (as a guide) then when you go inside the posts or pages they would no longer work. So you have the possibility to create menu 2 (Secondary) where you can make it exactly the same as the first one, but you will have to insert the various links.

Widget
You have 13 Widget areas: 2 on the Homepage in the Contact section, 4 in the Footer,1 in About US, 2 in Contact Page, 1 in Woocommerce, 1 in Home Avik Two, 1 in the blog and 1 on the Services page.

Homepage Settings

Here you can set a specific page for the homepage of your site, if instead you leave the last posts.

Additional CSS

here you can further customize the style of your site. Obviously you need to know a bit of code. The changes made here will not change the Avik Pro core in any way.

Footer

Here you can enable Social and Copyright of your site, the color and how many widget areas to show.