Thank you for purchasing Loversy!

We hope you will enjoy it!

If you have any questions that are beyond the scope of this documentation, please feel free to contact us via email or you can fill up a form in our profile page!

01_img

- Created: May 2020

- Last update: May 2020

- By: Adveits

Initial setup steps

  1. Check system status
    Check your system status in "System Status" tab and ensure required settings.
  2. Activate theme plugins
    Check out useful plugins that work well with Loversy theme.
  3. Import demo content
    Import pre-made layouts to get started right away.

Server requirements

  • PHP: Required version 5.6 or greater.
  • MySQL: Required version 5 or greater.
  • max_execution_time: Required max_execution_time 300 or greater.
  • max_input_vars: Required max_input_vars 2000 or greater.
  • post_max_size: Required post_max_size 10M or greater.

Requirements listed above must be ensured by your server. You can contact your web host to help change these settings.

Theme installation

There is information about Loversy theme installation. Read carefully and folow the methods above for a successful installation.

Installing theme via Wordpress Dashboard

  1. Download the theme package from Themeforest and extract it. You can download it from your Themeforest Account (Downloads -> Loversy -> All files & documentation).
  2. Login to your Wordpress admin.
  3. Click Appearance -> Themes
  4. Press on Upload Theme.
  5. Upload the file loversy.zip which can be found in extracted files.
  6. Install and Activate theme.

Installing theme via FTP

  1. Log into your FTP host. To do that, you need to use FTP client like Filezilla.
  2. Extract file downloaded from Themeforest, find the file loversy.zip and extract it.
  3. Upload extracted loversy folder to wp-content/themes
  4. Click Appearance -> Themes in Wordpress Dashboard.
  5. Press Activate button under the theme name.

Theme activation

Theme requires activation. It is really a simple process. Firstly, you need to locate your purchase code. Press your account link and click Download. Click on the Download button next to the theme and select License Certificate & Purchase code You can find the purchase code inside the downloaded license certificate.

02_img
03_img

When you have the purchase code log on on your Wordpress Dashboard press Appearance -> Loversy and enter you Purchase Code and hit Register button. A picture below.

04_img

Plugins installation

Loversy is combined with some plugins that are required / recommended to extend template's functionality and user - experience. Loversy uses these plugins:

  • Loversy Core - add-ons for Loversy theme.
  • Advanced Custom Fields PRO - contact form functionality.
  • Elementor Page Builder - most advanced frontend drag & drop page builder.
  • Kirki Customizer Framework - framework for Customizer features expansion.
  • One Click Demo Import - theme demo data import.
  • Adveits Portfolio - portfolio custom post type.
  • Contact Form 7 - contact form functionality.
  • Yoast SEO - all-in-one SEO solution.
  • Autoptimize - for theme performance.
  • Loco translate - translate themes and plugins directly in Wordpress.
  • Envato Market - Auto Theme Updates - automatic theme updates on you site.

Installing Plugins using Loversy Dashboard

As soon as you install and register the Loversy theme, you will be redirected to Loversy Dashboard screen. There are 4 main tabs:

  • Getting started - a welcome screen.
  • Plugins - plugins installation screen.
  • Demos - demo content installation screen.
  • System status - the tab which indicates your system specification.

Click on the Plugins tab. You will see plugin blocks with information about plugin status. Hit an install button. An image below.

05_img

You will be redirected to installation page. After a successful installation press Return to Required Plugins Installer. An image below.

06_img

You will be redirected to Plugins tab. Near the installed plugin you will see Activate button. Press it and that's all - the plugin is activated. You can deactivate it in any time. Images below:

07_img 08_img

Installing Plugins Manually

You can install all the required plugins without using Loversy dashboard.

  1. Unzip the Loversy package downloaded from Themeforest.
  2. Plugins stored in the "Plugins" folder.
  3. On the Wordpress Admin Dashboard navigate to Plugins -> Add new.
  4. Click on Add new to upload each of the plugins.
  5. Install and Activate plugins.

Bulk Plugins installation

You can install and activate all the required plugins in one click. In the Loversy Dashboard click Plugins and press "Activate all plugins at once" You will be redirected to TGM page where you can install, update and activate all plugins at once.

Demo import

Loversy has its own demo data. After you have installed and activated plugin One Click Demo Import, you can import demo data. To do that, from Loversy Dashboard click Demos tab. Click Install button.

09_img

After the import process you will see a message.

10_img

Demo data contains these built-in items:

  • Posts
  • Pages
  • Settings
  • Menus
  • Portfolio
  • Customizer settings
  • Widgets settings
  • Elementor settings

Loversy options

Loversy theme is using built-in Customizer with Kirki plugin. You can use it in two ways - using Loversy Dashboard or click Appearance -> Customize. Images below.

11_img
12_img

After entering a Customizer you will see main theme settings:

  • Loversy options
  • Site Identity
  • Menus
  • Widgets
  • Homepage Settings
  • Additional CSS
13_img

Loversy options

In the Loversy options tab you can:

  • Change theme header ( Header )
  • Change theme footer ( Footer )
  • Change theme breadcrumb ( Breadcrumb )
  • Change window overlay for loading ( Window overlay ( Loading ) )
  • Change theme background ( Background )
  • Change theme colors ( Colors )
  • Change theme typography ( Typography )
  • See information about page layout ( Page )
  • Change blog options ( Blog )
  • Change 404 options ( 404 )
  • Change portfolio options ( Portfolio )
14_img

Header

In the Header tab you can:

  • Change theme logo ( Logo )
  • Change theme logo size ( Logo container width )
  • Edit primary menus ( Menu )
  • Edit menu image ( Menu image )
  • Hide/show search bar ( Search )
15_img

Footer

In the Footer tab you can:

  • Change Copyright text ( Copyright )
  • Change or add external links in footer ( External links )
16_img

Breadcrumb

In the Breadcrumb tab you can:

  • Change breadcrumb type ( Default )
  • Show breadcrumb on page ( Page )
  • Show breadcrumb on home page ( Home page )
  • Show breadcrumb on archive page ( Archive page )
  • Show breadcrumb on single post page ( Single post page )
17_img

Window overlay ( Loading )

In the Window overlay tab you can:

  • Show/hide overlay on all pages ( Default )
18_img

Background

In the Background tab you can:

  • Change Body background image ( Default )
19_img

Colors

In the Color tab you can edit almost any theme element.

  • Body
  • Header
  • Footer
  • Breadcrumb
  • Menu
  • Menu primary
  • Dropdown
  • Forms
  • Masonry gallery
  • Modal
  • Card
  • Widget
  • Slider
20_img

You can change Body colors:

  • Body text primary color
  • Body text secondary color
  • Body text tertiary color
  • Body headline color
  • Body links color
  • Body links hover color
  • Body background color
  • Body main element primary color
  • Body main element secondary color
  • Body border color
  • Body mark background
21_img

You can change Header colors:

  • Header color
  • Header background color
22_img

You can change Footer colors:

  • Footer color
  • Footer background color
23_img

You can change Breadcrumb colors:

  • Breadcrumb color
  • Breadcrumb hover color
  • Breadcrumb divider color
  • Breadcrumb background color
24_img

You can change Menu colors:

  • Menu links color
  • Menu links hover color
  • Menu links active color
25_img

You can change Menu primary colors:

  • Menu primary links color
  • Menu primary links hover color
  • Menu primary links active color
26_img

You can change Forms colors:

  • Dropdown links color
  • Dropdown links hover color
  • Dropdown links active color
  • Dropdown links background color
  • Dropdown links hover background color
  • Dropdown links active background color
27_img

You can change Forms colors:

  • Input text color
  • Input border focus color
  • Input placeholder color
  • Input label color
  • Input background primary color
  • Input border primary color
  • Input background secondary color
  • Input border secondary color
28_img

You can change Masonry gallery colors:

  • Masonry gallery filter button color
  • Masonry gallery filter button hover color
  • Masonry gallery filter button active color
  • Masonry gallery item background color
  • Masonry gallery item title color
  • Masonry gallery item description color
  • Masonry gallery item button color
  • Masonry gallery item button hover color
29_img

You can change Modal colors:

  • Modal background color
  • Modal background content color
30_img

You can change Card colors:

  • Card border color
  • Card background color
31_img

You can change Widget colors:

  • Widget background color
  • Widget border color
  • Widget headline color
32_img

You can change Slider colors:

  • Slider button color
  • Slider button background color
  • Slider button hover color
  • Slider button hover background color
33_img

Typography

In the Typography tab you can:

  • Change Headline Font ( Headline )
  • Change Base Font ( Base )
  • Change Menu primary ( Menu primary )
34_img

Page

In the Page tab you can:

  • Information about feature to select a different layout for any page.
35_img

Blog

In the Blog tab you can:

  • Change blog page title ( Blog page title )
  • Change blog page description ( Blog page description )
  • Show/hide post author ( Show post author )
  • Show/hide post comments count ( Show post comments count )
  • Show/hide post category ( Show post category )
  • Show/hide post title ( Show post title )
  • Show/hide post excerpt ( Show post excerpt )
  • Show/hide post link ( Show post link )
  • Change blog page permalinks ( Blog permalinks )
  • Information about display-blog shortcode ( Shortcode )
  • Change home page layout ( Home page )
  • Change archive page layout ( Archive page )
  • Change single post page layout ( Single post page )
  • Change single post page thumbnail image ( Single thumbnail image )
  • Show/hide single post page date ( Single show date )
  • Show/hide single post page author ( Single show author )
  • Show/hide single post page comments count ( Single show comments count )
  • Show/hide single post page category ( Single show category )
  • Show/hide single post page comments ( Single show comments )
  • Show/hide single post page comment form ( Single show comment form )
36_img

In the 404 tab you can:

  • 404 image - Change 404 image
37_img

Portfolio

In the Portfolio tab you can:

  • Change Portfolio page title ( Portfolio page title )
  • Change Portfolio page description ( Portfolio page description )
  • Change Portfolio permalinks ( Portfolio permalinks )
  • Information about display-portfolio shortcode ( Shortcode )
38_img

Site Identity

In the Site Identity tab you can:

  • Change site title ( Site title )
  • Change site tagline ( Tagline )
  • Change site icon ( Site Icon )
39_img

Menus

In the Menus tab you can: customize any of your site menu and change their location.

  • Customize any of your site menus
  • Change menus location
  • View location of menus
40_img

Widgets

Loversy uses sidebar widget. In this tab you can:

  • Add extra widgets to sidebar
  • Customize added widgets
  • Change order of widgets
41_img

Home Page Settings

In the Home Page Settings you can choose what to show in the home page.

  • Show latest posts
  • A static page
42_img

Additional CSS

In the Home Page Settings you can:

  • Customize any of theme element
  • Add additional css styles.
43_img

Loversy child theme

Loversy template includes Loversy child theme. It allows you to change aspects of your site preserving a default theme's functionality

Parent theme

It is main Loversy theme which includes all of the required Wordpress template files and additional information for theme to work. For example loversy.zip is a parent Loversy template.

Child theme

The child theme inherits all aspects of the parent theme but it can be used to make modifications to the template. It makes customization safe because it keeps modification seperate from the parent theme's file. In Loversy template package child theme is called like that - loversy-child.zip. Child theme customization is recommended only for advanced WordPress users. Customization of child theme can lead to site malfunction or crash, so make sure that you know what are you doing.

Setup Child Theme

If you want to setup child theme and start custom modification just find file loversy-child.zip and install it like normal Wordpress theme. Image below:

44_img

Portfolio

Loversy template has its own custom post type Portfolio. It shows up after you install Loversy Core and Adveits Portfolio plugin. Additional menu tab shows up in Wordpress admin menu.

Shortcodes

Additional shortcodes code appear after Loversy Core plugin installation:

  • display-portfolio
  • display-blog

These shortcodes are used for works or blog display in your custom pages. Shortcodes has additional parameters:

  • num - number of posts
  • order - asc or desc display of posts
  • orderby - parameter of order

Examples

  • [display-portfolio] - display works on your created page
  • [display-portfolio num="9" order="desc" orderby="title"] - display portfolio on your created page. Shown posts - 9, order type descending, order by title

Elementor page builder

Loversy includes Elementor page builder. It is advanced tool for your site building and customization. If you haven't used it, please checkout some useful information about it.

Custom Theme Widgets

Elementor page builder uses widgets to customize and build pages and posts. Loversy includes its own widgets for a better page building experience. Widgets' group is called Loversy Elements. It has 8 custom widgets:

  • Image width Object Fit ( Loversy ) - widget that displays image width object fit
  • Service ( Loversy ) - widget that displays service
  • Contact Me ( Loversy ) - widget that displays contact me
  • Contacts ( Loversy ) - widget that displays contacts
  • Clients ( Loversy ) - widget that displays clinets
  • Portfolio Project Info ( Loversy ) - widget that displays portfolio project information
  • Portfolio Gallery ( Loversy ) - widget that displays portfolio gallery
  • Portfolio Pagination ( Loversy ) - widget that displays portfolio pagination

Image below:

45_img

Overrides

Loversy theme overrides some default Elementor widgets and elements. Full list below:

  • Section - element styled by Loversy design
  • Heading - widget styled by Loversy design
  • Button - widget styled by Loversy design
  • Progress Bar - widget style by Loversy design
  • Alert - customized style.

Image below:

46_img

Creating a post

You can create and edit a post easily using Wordpress editor.

If you want to use Wordpress editor just click Posts on your Wordpress menu choose existing post or add new. Images below.

47_img 48_img

Optimizing speed

For speed optimization Loversy theme uses Autoptimize. More information is accessible in official Wordpress.org plugins site. Click here.

Template structure

  • Template has a basic WordPress template structure. It has 5 main folders:
  • assets
  • inc
  • languages
  • template
  • template-parts
  • template-plugins
  • CSS, js, images, fonts, icons files you can find in assets folder.
  • CSS files you can find in assets/css folder.
  • JS files you can find in assets/js folder.
  • Fonts you can find in assets/fonts folder.
  • Images you can find in assets/img folder.
  • Icons can be found in assets/icons folder.
  • Sass can be found in assets/sass folder.
  • inc contains theme admin page information. There are all Customizer and Elementor config information. Also, this folder contains additional template functions, tags and callbacks.
  • language includes template language pack and contains loversy.pot language file.
  • In template folder you will see all the main template files with functions.
  • template-parts folder contains all information about theme main content.
  • In the base folder you can find these files
  • 404.php - design of 404 page.
  • archive.php - design of archive posts.
  • comments.php - comments design.
  • footer.php - design of footer.
  • functions.php - main functions of template.
  • header.php - design of footer.
  • index.php - design of main page.
  • page.php - design of template pages.
  • README.md - readme information.
  • README.txt - readme information.
  • search.php - design of search.
  • sidebar.php - design of sidebar.
  • single.php - design of single post.
  • single-elementor_library.php - design of single elementor library.
  • style.css - basic required style file for template.
  • wpml-config.xml - WPML config.

Template features

  • Drag & Drop page builder ( Elementor integration )
  • Theme live Customizer
  • One Click Demo importer
  • One Click Plugin install
  • ACF Pro integration ( Advanced Custom Field PRO Plugin ( Save 100$ ) )
  • Adveits Portfolio integration ( Manage your portfolio ( Save 25$ ) )
  • Contact form 7 integration
  • Yoast SEO integration
  • Autoptimize integration
  • WPML ready
  • Translation ready (.pot file included)
  • Gutenberg integration
  • Ajax forms
  • Ajax load more
  • Multi page layouts
  • Professional and creative design
  • Free Google fonts
  • Clean typography
  • Vector icons
  • HTML5 & CSS3
  • Bootstrap 4 framework
  • Fully responsive pages
  • W3C validated code
  • Clean & friendly code
  • Easy to find the files name, folder, layers
  • All files are well commented
  • Wordpress theme structure
  • SEO friendly
  • Color pickers
  • Custom CSS Box
  • Logo uploader
  • Favicon uploader
  • Child theme included
  • Template library included
  • Images gallery
  • Widget ready
  • Auto update
  • Full demo content
  • Easy to customize
  • Professional support
  • Extensive documentation

Scripts

Fonts

Icons

Graphic source

Contacts

If you have any questions or need customization, please contact us. We will help you as soon as possible!

E-mail: support@adveits.com

Themeforest: Adveits

© 2020 Made by Adveits All rights reserved