Luvaniz - Creative One Page WordPress Theme

Luvaniz is clean and professional creative One-page wordpress theme with 04 unique demos. This template is suited for any type of website, personal or business use.

With Luvaniz, you can easily create a modern website for any service providing business with real content. Easily edit the real content and compose the page layout with drag & drop page builder.

  • Last updated: 19 August, 2016
  • Created: 05 May, 2016
  • By: catanis
  • Website: www.catanisthemes.com
  • Email: [email protected]

Thank you for purchasing Catanis theme.
Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information, and provide you with all the details you need know to use this theme. If you are unable to find your answer here in the documentation, please create a ticket http://support.catanisthemes.com/ or directly from our themeforest account.

   

If you like our theme, please don't forget to rate Luvaniz Theme with 5 stars (How to rate?) and leave a nice review, it means a lot to us.
We hope you will enjoy working with our theme.

Thanks!
CatanisThemes Team.

Before Getting Started

If you are a novice in the WordPress world, we kindly recommend you an overview of some of the material to learn the basics. Here are some resources with basic WordPress knowledges and some links that will help you to become more confident with WordPress:

  • How to install WordPress - A tutorial on how to install WordPress on your hosted domain, it is great video by Woothemes.
  • WordPress Codex - The online manual for WordPress and a living repository for WordPress information and documentation.
  • First steps in WordPress - Let's take a step-by-step tour through your WordPress site and see how the different functions work and how to make your new site your own.
  • WordPress Lessons - Great source of knowledge for WordPress beginners
  • Top 50 WordPress tutorials - Best WordPress-related articles for Web Developers.

Requirements & Compatibility

Requirements

To run WordPress your host just needs a couple of things:

  • PHP version 5.3 or greater (recommended: PHP 5.4 or greater)
  • MySQL version 5.0 or greater (recommended: MySQL 5.5 or greater)

Having your server configured properly is crucial for the theme to function. Make sure that the following PHP server properties are set according to described below or contact your Host provider to support you.

  • max_execution_time 120
  • memory_limit 64M
  • upload_max_filesize 32M
  • max_input_vars 2000

NOTE: You can use plugin WordPress phpinfo() to check phpinfo from your server.

Compatibility

Our theme is compatible with these browsers:

  • Chrome
  • Firefox
  • Safari
  • Internet Explorer 10 or later

Recommended Hosting Companies

What is included in the price?

After purchase this theme please download package from themeforest. All you need to do that is move your mouse on your login name in right top corner (of course after you`re logged in Themeforest) and then click Download. In this place you will have all your items that you purchased. It looks exactly just like on below screen:

And it is list that included in main package:

  • Luvaniz WordPress Theme
  • Child Theme
  • Theme Documentation
  • Premium Plugins
  • Premium Plugins documentations

Also we strive to provide best tech support ever and lifetime updates theme.
If you like our theme, please don't forget to rate theme with 5 STARS (How to rate?) and leave a nice review, it means a lot to us.

Theme Installation

Once you purchased the theme from themeforest, you need to log into your ThemeForest account and go to your http://themeforest.net/downloads page, you click on the Download button, you'll be able to load 2 file type.

  • All Files and documentation
  • Installable WordPress file only

If you select to download all files and documentation ( the zip name will be themeforest-xxx-xxxxx.zip ), you have to extract it out ( to get themename-vxx_xx.zip file ) before installing it to WordPress system. Also you can download only the Installable WordPress file.

Installation via WordPress

Follow the steps below to install via WordPress:

  1. Step 1:Login to your WordPress admin panel.
  2. Step 2:Navigate to Appearance » Themes.
  3. Step 3:Click on the Add New then click Upload Theme buttons.
  4. Step 4:Click Choose File and look for the "luvaniz.zip" file in the Theme folder downloaded from Themeforest on your computer and click Install Now.
  5. Step 5:Wait while the theme is uploaded and installed.
  6. Step 6:Activate the theme. Then you will get a notification about welcome message and installing the Required plugins. You follow the steps to install and activate the required plugins.
  7. Step 5:Scroll down and click "Save Changes" button.

Please note that some hostings have a restriction on a size of a file that you are uploading. If you have any warning, you will contact your hosting provider. They should increase your maximum upload size. You can read section Requirements & Compatibility again.

Installation via FTP

If you are going to install the theme using FTP, you will need an FTP Client, such as FileZilla.
Follow the steps below to install theme via FTP:

  1. Step 1:Log into your Hosting server using FTP service like Filezilla.
  2. Step 2:Unzip the luvaniz.zip file (make sure you have unzipped the package downloaded from Themeforest).
  3. Step 3:Upload the extracted luvaniz theme folder into the remote folder wp-content » themes .
  4. Step 4:Navigate to Appearance » Themes and activate Luvaniz theme.
  5. Step 5:Then you actived theme, then you will get a notification about installing the Required plugins. You follow the steps to install and activate the required plugins.

Required Plugins

Upon activating the theme, you will get the notification to install and activate these plugins. The only required plugin for the theme are Catanis Core, Visual Composer, Contact Form 7 and One Click Demo Import, all the other plugins that are coming with the theme are optional.

  1. Step 1:Navigate to Appearance » Required Plugins.
  2. Step 2:Install and activate these required plugins.
  3. Step 3:Repeat step 2 for all the other plugins you want to activate. Also you can check All plugins, Install and Active all.

Mandatory Plugins

  • Catanis Core
  • Visual Composer
  • Revolution Slider
  • Contact Form 7 (manage multiple contact forms)
  • One Click Demo Import

The other plugins that you might need are

  • Simple Local Avatars

We also notice that you should not update other plugins without updating the theme. Please see our changelog to make sure the current theme's version is compatible with the new plugin's version.

Demo Content

Our theme includes One Click Import Demo functionality. You can easily import the demo data via special theme page, In admin panel, just navigate to Appearance » Demo Import Data. But before importing the demo data please make sure you have installed and actived these required plugins. Then you click on the Import Demo Data button. It will take a few minutes to complete.

You can see video guide import here:

Theme Update

1. Manual Update

Try following the steps below to manually update the theme:

  1. Step 1:Download the zip file from themeforest again. You have to log into your themeforest account and navigate to Downloads tab. You find the Luvaniz theme in your purchased themes list.
  2. Step 2:Remove the theme from Appearance » Themes and then reinstall. You don't worry about this, your data won't be lost. Also you can upload the new theme package via WordPress or FTP software.
  3. Step 3:Activating new theme version.

2. Automatic update

Try following the steps below to automatic update the theme:

  1. Step 1:Download, Install & Activate the Envato Toolkit plugin.
  2. Step 2:You login to your Themeforest account and visit your user Profile page. You navigate to Settings » API Keys, just click the button Generate API Key and get it.
  3. Step 3:You click on the Envato Toolkit menu item in your dashboard and enter in your Envato username and API key. Then Save your settings.

Also you can read more this article Envato WordPress Toolkit Guide For Automatic Theme Updates to get more information or watch the video tutorial below:

Please note that:
  • If you translated the theme to another language, you should backup your translation files in the languages folder before updating. Also you should backup the translation files in the plugin folder.
  • After updating the theme, you should update the recommended plugins if there is a notification message about updating plugins. You go to Appearance » Install Plugins to update plugins.

Child Theme

Child theme is for developers, allow you to make changes and customizing your theme even easier and without affecting the original theme’s code, which makes it easy to update your parent theme without erasing your changes.

To learn more about the purpose and basis of creation of child theme, you read more the article Child Theme or you visit WordPress Codex.

In the theme pack you will see materials for the child theme. It’s located in the luvaniz-child.zip archive. You can install the child theme the same way as you install the main theme, see the section Installation again.

Catanis Options Panel

The Luvaniz WordPress theme includes tons of easy to use options to customize the design of your site. So please take some time and navigate through each tab to see what we offer. After activating our theme, you can go to admin Dashboard you will see Theme Options navigation to configure the theme. Below will explain what you can do with each tab in Theme Options.

  • General Settings: It include 4 tab "General", "Custom CSS", "Coming Soon Page" and "Twitter Keys", there are some global options such as logo, favicon, responsive , google analytics, custom css code ...
  • Header & Footer Settings: It include 2 tab "Header" and "Footer", these options to management options of header and footer on site.
  • Sidebar Settings: It include 2 tab "General" and "Contents", these options to management sidebar and add custom sidebar for site.
  • Typography Settings: These options to custom font-family, font-size, font-style,.. for content, menu and heading.
  • Styling Settings: It include 3 tab "Content", "Header" and "Footer", these options to custom color for header,content and footer on site.
  • Blog Settings: It include 2 tab "General" and "Blog Single", these options to custom layout and options for blog page and blog detail page.
  • Portfolio Settings: These options to custom layout and options for portfolio.
  • Import & Export Settings: These options use for backup or restore the theme options.

Please note: we are always adding new options so these screenshots may not reflect the most up to date options.

Header Settings

Luvaniz theme support 2 header style Horizontal menu and Vertical menu, you can change header style for page in Theme Options » General Setting tab » General » "Menu style".

Also you go to the Header & Footer Setting tab » Header to change setting for sticky menu on desktop and mobile device.

Setting Logo & Favicon

To set up logo and favicon you follow the steps:

  • Navigate to admin Dashboard » Theme Options and General tab.
  • You will see option "Logo image", "Sticky logo" and "Favicon image URL". Click on the Upload button and choose a file from your library.

Setting Main Menu

After adding pages to the menu, select the Theme location (it's call "Catanis Primary Navigation") where you want to display the menu and click on the Save Menu button.

Setting Breadcrumb

You go to the Header & Footer Setting tab » Header, scroll down and see section Header Top Settings and change background image for it, also you can enable/disable for this option and for header search.

Widgets & Sidebars Settings

You go to Appearance » Widgets to management sidebar. In default Luvaniz theme support many custom widgets and 4 sidebar area for use:

  • Primary Sidebar: It is default sidebar.
  • Footer Column One: Used for footer column 1
  • Footer Column Two: Used for footer column 2
  • Footer Column Three: Used for footer column 3

Also Luvaniz theme has a very powerful built-in system for creating custom widget areas (unlimited sidebars) in Theme Options » Sidebar Settings » Contents tab and controlling your sidebar output.

and it is list custom widgets in theme, you just drag and drop widgets over to the sidebar:

  • CATANIS - Advertisement: Display image advertisement
  • CATANIS - Flickr: Display images flickr of a username
  • CATANIS - Twitter: Display twitter tweet of a username
  • CATANIS - Instagram: Display images instagram of a username
  • CATANIS - Recent Comments: Display normal recent comments in site or with slider
  • CATANIS - Recent Posts: Display normal recent post or with slider
  • CATANIS - Social Profiles: Display social icons of site
  • CATANIS - Tab Post: Display some tabs about post.
  • CATANIS - Tag Cloud: Display tag cloud with flash effect.
  • CATANIS - Testimonials: Display normal or with slider testimonisls post type
  • CATANIS - AboutUs Contact Display information about site and contact such as email, addess, phone...
  • ...

Page Settings

Luvaniz theme comes with many Shortcodes, premium Visual Composer plugin and powerful Page Options which help you build unlimited number of pages with any kinds of design. Also Luvaniz includes several page templates to choose from such as "Full Width", "Contact Us", "Blog Template" "Home Template",..and you can to choose the page template that suits your needs.

Create A New Page

Follow the steps below to create a new page:

  1. Step 1:In admin Dashboard, go to Pages and click Add New button or navigate Dashboard » Pages » Add New.
  2. Step 2:Input page title and content.
  3. Step 3:On the right side you will see Page Attributes box, you can choose Parent and Template from the dropdown list.
  4. Step 4:Scroll down, find section "LUVANIZ PAGE SETTINGS" and change some configurations for page.

Page Options

When you create new page you have a section config for page, it call "LUVANIZ PAGE SETTINGS". This section contains all the different settings for each page, you can see screenshots below:

If you change General Settings section it will override config in Theme Options (for some options). You can choose value default or put blank to use global setting in Theme Options.

  1. Page layout: choose a layout Fullwidth, Left Sidebar or Right Sidebar
  2. Page sidebar: choose a name sidebar if you choose left or right sidebar on page layout.
  3. Transparent background menu( for horizontal menu): Transparent menu or not.
  4. Hide page header: show or hide header image page.
  5. Custom background header: allow you change background header on each page.
  6. Page slider: choose a slider type that you have on site such as Revolution slider, Layer slider,...
  7. Revolution slider: choose a revolution slider name.
  8. Position slider: Allow you display slide before or after header

Home page

Create Home Page

  1. Step 1:Navigate to Pages » Add New
  2. Step 2:See section "Page Atributes" and choose Template "Coming Soon Template".
  3. Step 3:Choose home page below you want and copy the code.
  4. Step 4:click on the Text tab and paste the content into the field.
  5. Step 5:Publish the page and you're done.

Setting Home for Front Page

  1. Step 1:Navigate to Pages » Add New
  2. Step 2:See section "Page Atributes" and choose Template "Coming Soon Template".
  3. Step 3:Choose home page below you want and copy the code.
  4. Step 4:click on the Text tab and paste the content into the field.
  5. Step 5:Publish the page and you're done.

Home Page 01 (Default Home)

Page content:

Page setting:

  1. Page layout: Fulwidth
  2. Page sidebar: Default
  3. Transparent background menu( for horizontal menu): True
  4. Hide page header: True
  5. Custom background header: NONE (Don't choose).
  6. Page slider: Revolution slider
  7. Revolution slider: Slider home 01
  8. Position slider: Before Header

Home Page 02

Page content:

Page setting:

  1. Page layout: Fulwidth
  2. Page sidebar: Default
  3. Transparent background menu( for horizontal menu): True
  4. Hide page header: True
  5. Custom background header: NONE (Don't choose).
  6. Page slider: Revolution slider
  7. Revolution slider: Slider home 02
  8. Position slider: Before Header

Home Page 03

Page content:

Page setting:

  1. Page layout: Fulwidth
  2. Page sidebar: Default
  3. Transparent background menu( for horizontal menu): True
  4. Hide page header: True
  5. Custom background header: NONE (Don't choose).
  6. Page slider: Revolution slider
  7. Revolution slider: Slider video home 03
  8. Position slider: After Header

Home Page 04

Page content:

Page setting:

  1. Page layout: Fulwidth
  2. Page sidebar: Default
  3. Transparent background menu( for horizontal menu): False
  4. Hide page header: True
  5. Custom background header: NONE (Don't choose).
  6. Page slider: No Slider
  7. Revolution slider: Default value
  8. Position slider: Default value

Coming Soon Page

  1. Step 1:You create new page you see on the right side you will see section "Page Atributes" and choose Template "Coming Soon Template".
  2. Step 2:You go to Theme Options => General Setting tab => Coming Soon Page and choose logo and style for coming soon page.

Coming Soon style 1

Coming Soon style 2

Post Settings

WordPress allows you to switch on different post formats from a set list. You don't have to use all of them, you simply have to pick which formats suit your site best. on Luvaniz theme supports 7 post formats, this list consists of:

  • Aside: Similar to a quick note. Use these for posts like quick updates or custom status.
  • Gallery: A post containing a gallery of images.
  • Image: A single image, rather than a gallery.
  • Video: A post that has one, or several, videos. The WordPress codex also points out that a single URL may indicate the source of a video, rather than an embedded video.
  • Audio: An audio file or playlist.
  • Link: A simple link to an external site.
  • Quote: A quoted block of text, usually with attribution to a quote’s author.

Create A New Post

  1. Adding Posts

    We will explain you how to create post using Luvaniz.

  2. Gallery Posts

    We will explain you how to create Gallery Post.

  3. Video Posts

    We will explain you how to create Video Post.

  1. Audio Posts

    We will explain you how to create Audio Post.

  2. Quote Posts

    We will explain you how to create Quote Post.

  3. Link Posts

    We will explain you how to create Link Post.

Adding Posts

Follow the steps below to create a new post:

  1. Step 1:In admin Dashboard, go to Posts and click Add New button or navigate Dashboard » Posts » Add New.
  2. Step 2:Input title and content for post.
  3. Step 3:On the right side you will see Format box, Featured Image box, categories box,...and the other box.
  4. Step 4:Scroll down, find section "LUVANIZ POST SETTINGS" and change some configurations for post.

Create Gallery Post

  1. Step 1:Change Post Format to Gallery.

  2. Step 2:Croll down content, you will see Add Media button and hit it.

  3. Step 3:You will see a popup Insert Media and click Create Gallery.

  4. Step 4:Upload new image or select the image from library you want, use by using Ctrl + Click then click Create new gallery.

  5. Step 5:You can now drag and drop the image to change the order, when finished click Insert gallery.

  6. Step 6:When you are finished, Update your Post, it should looks like this.

Create Video Post

  1. Step 1:Change Post Format to Video.

  2. Step 2:You scroll down until you see section Post Format Settings in LUVANIZ POST SETTTING panel and add link Youtube/Vimeo for it.

  3. Step 3:When you are finished, Update your Post, it should looks like this.

Create Audio Post

  1. Step 1:Change Post Format to Audio.

  2. Step 2:You scroll down until you see section Post Format Settings in LUVANIZ POST SETTTING panel and add shortcode SoundCloud for it.

  3. Step 3:When you are finished, Update your Post, it should looks like this.

Create Quote Post

  1. Step 1:Change Post Format to Quote.

  2. Step 2:You scroll down until you see section Post Format Settings in LUVANIZ POST SETTTING panel and add Quote Content and Quote Author for it.

  3. Step 3:When you are finished, Update your Post, it should looks like this.

Create Link Post

  1. Step 1:Change Post Format to Link.

  2. Step 2:You scroll down until you see section Post Format Settings in LUVANIZ POST SETTTING panel and add Link Text and Link URL for it.

  3. Step 3:When you are finished, Update your Post, it should looks like this.

Post Options

When you create new post you have a section config for post, it call "LUVANIZ POST SETTINGS". This section contains all the different settings for each post, you can see screenshots below. Also when you choose a Format (on right side) for post you will see more some options for that format.

If you change General Settings section it will override config in Theme Options » Blog Settings » Blog Single (for some options). You can choose value default or put blank to use global setting in Theme Options.

  1. Page layout: choose a layout Fullwidth, Left Sidebar or Right Sidebar
  2. Page sidebar: choose a name sidebar if you choose left or right sidebar on page layout.
  3. Transparent background menu( for horizontal menu): Transparent background menuu or not.
  4. Hide page header: show or hide header image page.
  5. Custom background header: allow you change background header on each page.
  6. Video URL: Enter youtube video URL or Vimeo URL here if you choose post format is Video.
  7. Audio URL: Enter soundcloud shortcode (How to get?) here if you choose post format is Audio.
  8. Quote Content: Enter content for quote if you choose post format is Quote.
  9. Quote Author: Enter author for quote if you choose post format is Quote.
  10. Link Text: Enter a text for link if you choose post format is Link.
  11. Link URL: Enter a link if you choose post format is Link.

Post Page (Blog Page)

Follow the steps below to create a blog page:

  1. Step 1:In admin Dashboard, go to Pages and click Add New button.
  2. Step 2:Input page title and don't need input the content.
  3. Step 3:On the right side you will see Page Attributes box, and select Blog Template for Template.
  4. Step 4:Click Publish to save the page.

Note:

  • If you use Blog Template, you configure options for your blog in the "LUVANIZ PAGE SETTINGS" section below page.
  • If you setting your blog in Settings » Reading for Front page, you configure option in Theme Option » Blog Setting » General tab.
  • You can use recent_posts shortcode to config and display posts like post template.

Post Type Settings

Luvaniz supports 3 post type: Portfolio, Testtimonials and Team. When you install and active plugin "Catanis Core" you will have it. Also you follow the guide each post type below, they will help you setup and use in theme.

Portfolio Settings

  1. Create New Portfolio Items

    We will explain you how to create Portfolio item.

  2. Gallery Portfolio Posts

    We will explain you how to create Gallery Portfolio.

  3. Video Portfolio Posts

    We will explain you how to create Video Portfolio.

  4. Portfolio Options

    Explain the Portfolio Options.

  5. Create New Portfolio Categories

    We will explain you how to create Portfolio Categories.

Create New Portfolio Items

Follow the steps below to create a portfolio page:

  1. Step 1:In admin Dashboard, go to Portfolio and click Add New button.
  2. Step 2:Input portfolio title and the content.
  3. Step 3:On the right side you will see PORTFOLIO CATEGORIES box, and checked categories you want, the categories will be used as a filter on Portfolio Template pages.
  4. Step 4:Scroll down and see section LUVANIZ PORTFOLIO SETTINGS and input information (8 options), you see setting Portfolio Options below.
  5. Step 5:Click Publish button to save.

Gallery Portfolio Posts

  1. Step 1:Go to content, you will see Add Media button and hit it.

  2. Step 2:You will see a popup Insert Media and click Create Gallery.

  3. Step 3:Upload new image or select the image from library you want, use by using Ctrl + Click then click Create new gallery.

  4. Step 4:You can now drag and drop the image to change the order, when finished click Insert gallery.

  5. Step 5:Scroll down and see LUVANIZ PORTFOLIO SETTING panel and setting for it, example:

    • Portfolio Item Type:Choose Slider.
    • Hover Color:Choose a color when hover portfolio item (for style 1 and style 2).
    • Custom Thumbnail URL:This option is very important. If you use portfolio with Masonry style you can set custom image here. Also if you use Grid style you only need choose image from Featured Image section.
    • Portfolio Thumbnail Type:Choose thumbnail type for Custom Thumbnail URL above. At here I choose Thumbnail Portrait (400x600), this image use to display in portfolio page.
  6. Step 6:Then you input some infomation for detail, include Client name, Project URL and Release Date.

    • Client: Input the client name.
    • Project URL: Input URL for project.
    • Release Date: Input date publish for project.

Video Portfolio Posts

  1. Step 1:You scroll down until you see section Portfolio Item Settings in LUVANIZ PORTFOLIO SETTTING panel and choose value Video.

  2. Step 2:After the field Youtube/Vimeo Video URL appear, you input link video Youtube or Vimeo for it.
  3. Step 3:When you are finished, Update your Post.

Portfolio Options

It is the detail to explain more about 8 options of portfolio:

  1. Portfolio Item Type:Our theme supported 3 style: Image, Video and Slider.
  2. Hover Color:Choose a color when hover portfolio item (for style 1 and style 2).
  3. Youtube/Vimeo Video URL:If the "Video" option is selected in the Portfolio Item Type field above, you can set the video URL in this field.
  4. Custom Thumbnail URL:This option is very important. If you use portfolio with Masonry style you can set custom image here. Also if you use Grid style you only need choose image from Featured Image section.
  5. Portfolio ThumbnailType: Choose thumbnail type for Custom Thumbnail URL above. It support 3 custom type: Thumbnail Wide (800x600), Thumbnail Landscape (800x300) and Thumbnail Portrait (400x600). This image use to display in portfolio page, depend on portfolio style Masonry or Grid.
  6. Client:Input the client name.
  7. Project URL:Input URL for project.
  8. Release Date:Input date publish for project.

Create New Portfolio Categories

Follow the steps below to create a new portfolio category:

  1. Step 1:In admin Dashboard, go to Portfolio » Portfolio Categories
  2. Step 2:Input information for new category.
  3. Step 3:Also you choose value for 2 custom fields Breadcrumb Background and Transparent background menu.
  4. Step 4:Click button Add New Category to save.

Testimonials Settings

Create A New Testimonial Categories

Follow the steps below to create a new testimonial category:

  1. Step 1:In admin Dashboard, go to Testtimonials » Testimonial Categories
  2. Step 2:Input information for new category.
  3. Step 3:Click button "Add New Category" to save.

Create A New Testimonial

Follow the steps below to create a testimonial:

  1. Step 1:In admin Dashboard, go to Tesimonials and click Add New button.
  2. Step 2:Input testimonial title.
  3. Step 3:On the right side you will see TESTIMONIAL CATEGORIES box, and and checked categoried you want.
  4. Step 4:Scroll down and see section LUVANIZ TESTIMONIAL SETTINGS and input information (7 options), you see setting below.
  5. Step 5:Click Publish button to save.

Testimonial Options

It is the detail to explain more about 7 options of testimonial:

  1. Author Name: Input author name.
  2. Testimonial: Input the content testimonial.
  3. Author Image: Choose a image (avatar) for author.
  4. Occupation: Input occupation .
  5. Organization: Input organization.
  6. Organization URL: Input organization URL.
  7. Open link in a new window: Yes or No.

Team Settings

Create A New Team

Follow the steps below to create a team:

  1. Step 1:In admin Dashboard, go to Team and click Add New button.
  2. Step 2:Input team title.
  3. Step 3:Scroll down and see section LUVANIZ TEAM SETTINGS and input information (12 options), you see setting below.
  4. Step 4:Click Publish button to save.

Team Options

It is the detail to explain more about 12 options of team:

  1. Position: Input a position.
  2. Personal URL: Input a personal URL.
  3. Email: Input a email for author (optional).
  4. Facebook URL: Input facebook URL (optional) .
  5. Twittter URL: Input twitter URL (optional).
  6. Google Plus URL: Input google plugs URL (optional).
  7. Pinterest URL: Input pinterest URL (optional).
  8. Instagram URL: Input instagram URL (optional).
  9. Linkedin URL: Input linkedin URL (optional).
  10. Dribble URL: Input dribble URL (optional).
  11. Youtube URL: Input youtube URL (optional).
  12. Vimeo URL: Input vimeo URL (optional).

Note: They are some social options, you only need input some socials that you want.

Plugin Settings

You see the guide about some plugins in theme:

  1. Visual Composer
  2. Revolution Slider
  3. Contact Form 7

Visual Composer

Visual Composer has very simple and intuitive interface. Visual Composer will help you manage your content at the WordPress sites and build any layout you can imagine in few minutes without coding.

Also to explore the capabilities of Visual Composer, we recommend you study the VisualComposer documentation and watch the video below:

Please note that because we bought this plugin and included it in the theme package. So you can not automatic update it by yourself. If Visual Composer plugin has new version, we will be careful to test and update in release the new theme's version. Also if you see the notification below, you can dismiss it.

How to use Visual Composer

Once you’ve activated Visual Composer on your website, in the create/edit page above the WordPress editor you will see two blue button large. One allows you to style pages using the backend editor (Backend Editor button). The other will take you to the front-end editor (Frontend Editor button). These are exactly what you need to build content within Visual Composer.

Clicking on the backend editor button will switch the default WordPress editor to Visual Composer's backend editor.

When you first load the backend editor, a welcome page will be displayed that offers shortcuts to common choices. You can add a new element, add a text block (a type of content element), or choose from one of six pre-defined layouts (i.e. load a template). You can click on the Add element button to add new element.

Then, you choose an element from Visual Composer elements list

All our shortcodes are in Catanis Themes tab. You should use our shortcodes instead of Visial shortcode default and WooCommerce shortcodes. Because they are flexible and have many options to display.

Also if you don't see the "Catanis Products" tab, it's mean in the theme don't support product shortcodes in woocommerce plugin.

Revolution Slider

Luvaniz includes the popular Revolution Slider Created By ThemePunch. This slider is 100% responsive and has many amazing options. Also the slider has a tons of features and abilities. I hope you are familiar with this powerful slider. If you are not, please read some of important usages on the slider documentation file from documentation directory or read document online to get more information about it.

Please note that because we bought this plugin and included it in the theme package. So you can not automatic update it by yourself. If Revolution Slider plugin has new version, we will be careful to test and update in release the new theme's version. Also if you see the notification below, you can dismiss it.

Contact Form 7

The first you need to download and install Contact Form 7 plugin. But you can install and active this plugin in Required plugin section in admin on our theme.

Now you check the steps below to see how to create the contact form.

Step 1: Login to your WordPress Dashboard, go to Contact » Add New

Step 2: Add a name to your form and change Mail info, change Messages and Additional setting.

  • 1. Add a name to your form.
  • 2. Edit the Form field to change the Form Layout.
  • 3. Change Mail settings.
  • 4. Change Messages settings.
  • 5. Additional settings.
  • 6. Button Save the Form.

Step 3: Save the Form and get shortcode.

You get the code below you need to copy (For Home 1) :

You get the code below you need to copy (For Home 2) :

You get the code below you need to copy (For Home 3 & 4) :

NOTE: It is link to the Official Contact Form 7 Documentation , you can read more for this plugin.

Catanis Shortcodes

Luvaniz theme comes with a number of shortcodes allowing you to add the info in a simple way which can be used to display your content. To use our shortcodes, you open a page or post and go to the Visual Composer editor => click Add new element button => In the popup window, select "Catanis Themes" tab or "Catanis Products" tab => select an element from list and use it.

There are too many shortcodes used in theme, please take some times and navigate to each menu item to know more about each shortcode. Also we only present some popular shortcodes.

CA - Brands Slider

This shortcode use to display slider for brand image or any image type.

Shortcode options:

  • title: Heading title for slider.
  • items_desktop: Number items display on desktop (992px <= window width < 1200px).
  • items_desktop_small: Number items display on small desktop (768px <= window width < 992px).
  • items_tablet: Number items display on tablet (480px < = window width < 768px).
  • images: Option to upload or select current images from media library to add as images for slider (allowed for multiple image selection).
  • onclick: Allowed click on image (yes or no).
  • custom_links: Add custom link for each image, it denpend on field "onclick".
  • custom_links_target: Select link target when click into image, it denpend on field "onclick".
  • animation_type: Choose a animation for when display shortcode (optional).
  • animation_duration: Animation duration (optional).
  • animation_delay: Animation delay (optional).
  • class: Extend custom class.

It is result:

CA - Pricing Table

This shortcode use to display a pricing table for site.

Shortcode options:

  • title: Heading title.
  • image: Choose a image to display.
  • active: Is it active? YES or NO.
  • active_style: Active style 1 or style 2.
  • price: Input a price, Ex: 18.00, 25.00, 49.00,..
  • currency: Input a currency, Ex: $, ₤, ¥, ฿, ₱, €,..
  • price_period: Input a price period, Ex: '/mo' , '/year',..
  • link: Add a link for button.
  • target_link: Select link target when click into button.
  • button_text: Input text for button.
  • description: Input small descripiton for pricing table.
  • content: Input content pricing table, you can use tag UL and LI to list featured.
  • animation_type: choose a animation for when display shortcode (optional).
  • animation_duration: animation duration (optional).
  • animation_delay: animation delay (optional).
  • class: extend custom class.

It is result:

CA - Instagram

This shortcode use to display a images instagram for a username.

Shortcode options:

  • username: Input a test for username.
  • userid: Input userID, get instagram ID HERE (IMPORTANT).
  • count: Number items to get and display ( min: 1 - max: 30 ).
  • columns: Choose number columns to display (from 1 -> 10).
  • animation_type: choose a animation for when display shortcode (optional).
  • animation_duration: animation duration (optional).
  • animation_delay: animation delay (optional).
  • class: extend custom class.

It is result:

CA - Portfolio

This shortcode use to display portfolio post type.

Shortcode options:

  • title: Input a title (optional & for fullwidth row).
  • column: Choose number columns to display (from 2 to 5).
  • count: Number items to get and display.
  • port_style: Choose a portfolio style to display, support 2 style: Masonry and Grid.
  • show_filter: Show/Hide filter category.
  • port_categories: Input portfolio category, a comma separated list of category ids (optional).
  • hover_style: Choose a style when hover a portfolio item.
  • with_spacing: with spacing each item.
  • show_loadmore: Show/hide load more button.
  • show_paging: Show/hide pagination list.
  • class: extend custom class.

It is result - portfolio masonry style with no margin:

It is result - portfolio masonry style with margin:

It is result - portfolio masonry grid:

CA - Video Background

This shortcode use to display a video title and icon play with background, when we click to icon play, it will open popup to display video.

Shortcode options:

  • video_title: Input a video title (large title).
  • video_subtitle: Input a video sub title (small title).
  • video_mp4: Input link video mp4.
  • video_webm: Input link video webm.
  • video_ogg: Input link video ogg (optional).
  • bg_image: Choose a background image.
  • height: Input a heigth for background.
  • animation_type: choose a animation for when display shortcode (optional).
  • animation_duration: animation duration (optional).
  • animation_delay: animation delay (optional).
  • class: extend custom class.

It is result:

CA - Team Member

This shortcode use to display a slider team member.

Shortcode options:

  • style: Choose a style to display, support 2 style "Certer Slider" and "Carousel Slider".
  • initial_slide: init slide to start (for Center Slider).
  • cols_on_row: Number columns on row, support 3 and 4 columns, depend on "Carousel Slider" style.
  • ids: Input list team ID, A comma separated list of team ids.
  • color_style: Choose a color style: dark or white.
  • id: Id team, show single team member on a column, depend cols_on_row with value cols_1
  • is_slider: Yes or No, display with slider if cols_on_row with value cols_3 or cols_4.
  • animation_type: choose a animation for when display shortcode (optional).
  • animation_duration: animation duration (optional).
  • animation_delay: animation delay (optional).
  • class: extend custom class.

It is result - team member with "Certer Slider" style:

It is result - team member with "Carousel Slider" style:

CA - Recent Posts

This shortcode use to display recent posts on site.

Shortcode options:

  • categories: Enter category slug to be excluded, separate values by commas (,).
  • columns: Choose columns to display, from 1 to 4 columns.
  • layout: Choose a layout style, supprt 3 style: slider, masonry and ziczac.
  • number_posts: Input number posts to display..
  • show_cate_meta: Yes or No, only support for layout slider.
  • show_info: Yes or No, only support for layout slider.
  • show_paging: Display pagination or No.
  • paging_type: Support 3 style: normal, loadmore and infinite-scroll.
  • excerpt_length: Input number length for excerpt.
  • animation_type: choose a animation for when display shortcode (optional).
  • animation_duration: animation duration (optional).
  • animation_delay: animation delay (optional).
  • class: extend custom class.

It is result - team member with "Certer Slider" style:

It is result - team member with "Carousel Slider" style:

It is result - team member with "Carousel Slider" style:

Translations

Luvaniz theme is ready to translate. It is possible to translate every single string that the theme outputs on the frontend to any language you like. Also Luvaniz was tested with WPML plugin and is fully compatible. If you want to have multilingual website, this is the best way to do it. Also if you want free plugin you can use Polylang plugin.

Luvaniz allows you to translate the theme into any language. There are 2 methods to do:

  1. Use the Poedit software and follow this document.
  2. Use the translation plugins, such as Loco Translate plugin or Codestyling Localization plugins.

Translation via .PO file

  1. Step 1:Download and install POEdit translation editor (https://poedit.net/)
  2. Step 2:Go to the theme translation folder (luvaniz/languages/)
  3. Step 3:Make a copy of the file "luvaniz.pot" and rename the file to the locale of your language. For example, Italian would be it_IT.po. See language code list here WordPress in Your Language
  4. Step 4:Open POEdit and load the file. (i.e it_IT.po)
  5. Step 5:Translate all the strings in the list and save changes. After you save, you will have two files. (i.e. it_IT.po and it_IT.mo)
  6. Step 6:Upload these files to luvaniz/languages/
  7. Step 7:For WordPress 4.0 and above, go to Settings » General and select Site Language
  8. For WordPress 3.9.2 and below, open your wp_config.php file in the root, and find this line: define('WPLANG', ''); Change it into your language code. For example, define('WPLANG', 'it_IT');

WPML Integration

Luvaniz is WPML ready! This means that you can translate pages, posts, custom post types, taxonomies, menus and more. If you want to use this plugin, you must purchase it first and then install into your wordpress installation.

If you are new to WPML, we strongly suggest you browse through the WPML documentation. Below is a list of links that we feel would be a good starting point.

  1. Download and Installation
  2. Language Setup
  3. String Translation
  4. Translating Content
  5. Translating Post Categories and Custom taxonomies
  6. Translating Menus
  7. Translating Widgets
  8. Media Translation Module
  9. Translating Page Slugs

Customer Support

If you have any questions about customization of this template witch are not covered in the documentation feel free to ask a question in the comment section or contact me directly via e-mail form on my profile page. We very much look forward to hearing from you and will do my best to help you. We guarantees to respond you within 24-72 working hours.

A product by CatanisThemes


Note: Before create an email support, please check your Purchase Code and give me this one. I need to confirm before reply to you.
Many thanks! Enjoy and don’t forget to rate my template.

Changelog & Update History

VERSION 1.0.3 – 08 Sep 2016
					- Compatible with WordPress 4.6.1
					- Added: New many options for portfolio single display
					- Added: New options custom code before close head & body tag. 
					- Updated: Visual Composer plugin 4.12.1
					- Updated: Catanis Core plugin
					
VERSION 1.0.2 – 18 Aug 2016
					- Compatible with WordPress 4.6
					- Fixed header scroll
					- Improved documentation
					- Updated Catanis Core plugin
					
VERSION 1.0.1 – 15 Aug 2016
					- Improved Demo Import on live hosting ( for slow hostings)
					- Fixed Portfolio meta issues and header search option
					
VERSION 1.0.0 - 10 Aug 2016
- Luvaniz Release

Thank You!!

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you do happen to spot something or simply have a question regarding the template then please leave your question in the "Item Discussion" section. Or if you prefer, you can always send me an e-mail via my profile page.

Kind Regards,

Catanis Team