Meow

enovathemes.com

Enovathemes
Contents

Getting Started ...................................................................................................... 2

Theme requirements ......................................................................................... 2

Theme installation ............................................................................................. 2

Footer .................................................................................................................... 5

Pages ..................................................................................................................... 6

Woocommerce ...................................................................................................... 6

Widgets.................................................................................................................. 6

Tips. ....................................................................................................................... 8

Update your theme ............................................................................................ 8

How to switch to child theme? .......................................................................... 8

Using Google Developer Tools ........................................................................... 8

Write custom styles ........................................................................................... 9

How to find the post ID ...................................................................................... 9

Custom font upload ......................................................................................... 10

How to find your Purchase Code ...................................................................... 10

Translate the theme ......................................................................................... 11

Troubleshooting ................................................................................................... 11

Missing style sheet error when installing the theme ........................................ 11

Categories are not assigned to posts/custom post types after import ............. 11

Cross Browser/Platform HTML 5 Video ............................................................ 11

After you import the menu megamenu breaks ................................................ 12

 Checking for plugin conflicts ............................................................................ 12

Shortcodes show in search page results ........................................................... 13

Can’t import demo data ................................................................................... 13

Icons are not showing ...................................................................................... 13

After import post images are full size............................................................... 13

Can’t update Revolution Slider, License Key is required ................................... 13

Getting Started

Theme requirements

To run the theme we recommend you to have minimum WordPress requirements,

and also activate attached plugins: the required.

Theme installation

In your download pack find meow.zip file. That is the file that needs to be
installed. You can install theme with WordPress admin panel or you can use FTP.
For FTP you need to unzip the zip file and upload to wp-content > themes.

Demo data import

To install demo data with one click you need to follow these steps:

 During installation process you need to install required plugins “One Click
Demo Import” and “Regenerate thumbnails”. Just follow the installation
process.
 Once installed “One Click Demo Import” plugin you will see a new menu
item in Appearance >> Import Demo Data
 From Appearance >> Import Demo Data admin area choose the demo you
want and click the import button
  All the demo files are also included in your download pack, so if you need a
custom data import you can use these files.

What to do after import

 All the images will be imported with original sizes without cropping. This
way your import process will be quicker and your server will have less work
to do. After the import completed go to the WordPress >> Tools and use
the Regenerate thumbnails plugin to crop images to theme supported sizes.
!!! Important, regenerate only Featured images
 Also you need to clear the WooCommerce cache: go to WooCommerce >>
Status >> Tools and clear the WooCommerce transients and regenerate
product lookup tables
 Also do not forget to re-save the permalinks from the wp dashboard >>
settings >> permalinks

Header and menu

Theme comes with drag and drop header builder. Here you have no limits on
header. To access header navigate to WordPress admin menu bar and you will see
the Headers menu

Header is a custom post type. If you click add new header you will see that it has
similar interface as regular post or page. You have the editor and additional
options under it.

First, let us look at the additional header options. You have header type

 Desktop
 Mobile

So, first you must choose what type of header you want to create. After that, if
your header type is Desktop or Mobile you can set additional options like
transparent header, sticky header, header shadow and adjust responsive visibility.
By default Desktop header type can be visible from screens 1280px wide. Mobile
header type is only visible for 3 screen sizes:

 Under 767px wide (mobile screens)

  From 768px to 1023px wide (Tablet portrait)
 From 1024px to 1279px wide (Tablet landscape)

So you must adjust your desktop and mobile header types according to each
other. Make sure your desktop and mobile header types are not visible on the
same screen size. The same is true for the Sidebar header type and mobile header
type. Sidebar header type has limited responsive visibility options – it is only
visible on desktop, so you should always add the mobile header type if you use
the sidebar for your desktop navigation.

Once you have configures your header options it is time to build it. And here you
have 2 options:

 Build from scratch

 Use ready template

Highly recommended to use ready demos.

Header builder is created using the same logic as Elementor other widgets, but
with extra modifications to make it easier to create any header styles you want
using the drag and drop functionality. The same logic is true for footer builder,
page and megamenu.

Although the drag and drop Frontend builder is quite simple and very intuitive a
couple of highlights need to be done to make it more clear for you to understand
how the header builder works.

The header navigation menu element – this element adds your menu to your
header. The most important option of it is the “Menu name”. If your website does
not have menus created this filed will be empty. So first you should create a menu
from the Appearance >> Menus.

Don’t assign the menu to any of theme’s locations. As these locations are for the
default theme built-in header. So just create your menu, save it and get back to
your header builder. Now, when you visit your header navigation menu again you
will see your menu in the list. If you have multiple menus create you will see the
list and be able to choose one of it.

To assign your header globally go to the Appearance >> Customizer >> Theme
options >> General and select the header from the list. If you want to have
different header for your pages navigate to the targeted page edit screen and
under the main page editor find the page options. From there you can assign any
header you want to the targeted page. So, your entire website will have one
header, and your targeted page will have different header.

Megamenu
Theme comes with built-in megamenu builder. To access it go to the WordPress
admin menu >> Megamenu

Megamenu is a custom post type. It has similar interface as regular posts or

pages. Click add new and you will see it has default editor and additional options
under the main editor.

Once you finish your megamenu it is time to assign it to your main menu item. To
do that go to your man menu open any menu item you want set the Megamenu
option to true and from dropdown choose the megamenu you created. Save the
menu and go to your main menu header – and your megamenu will appear as
your selected menu item submenu.

Footer

To access footer go to admin menu >> Footers. Footer is a custom post type. It
has similar interface as regular posts or pages. Click add new and you will see it
has default editor and additional options under the main editor.

With footer you have no content limitations – you can use any element from
Elementor elements menu.

To assign your footer globally go to the Appearance >> Customizer >> Theme
options >> General and select the footer from the list. If you want to have
different footer for your pages navigate to the targeted page edit screen and
under the main page editor find the page options. From there you can assign any
footer you want to the targeted page. So, your entire website will have one
footer, and your targeted page will have different footer.

Posts
There are no special highlights for posts. Only, if you don’t want the Gutenberg
editor for your posts you can deactivate it from the theme Appearance >>
Customizer >> Theme options >> General >> Disable Gutenberg. Make sure this
option is active and make sure you check the post post type to disable the
Gutenberg editor for it. Posts have 9 formats support and additional options for
formats are found under the main editor. Here you have regular posts, gallery,
video, audio, chat, quote, status, link, and aside.

Pages

Pages do not have special modifications, only extended options, that you can find
under the main page editor in the page edit screen. All these options are self-
descriptive, so no extra explanation is required.

Woocommerce

Theme has 100% Woocommerce compatability, so any external plugin addon for
woocommerce will work with it if it was developed with woocommerce
standards.

Widgets

Theme supports all the WordPress and Woocommerce default widgets. And also
we included custom widgets. For some of the custom widgets you will need to
adjust the API keys, more about that you can find in the appearance >>
customizer >> theme options >> general. And all the instructions are also present
from the api part links. The only thing here is to highlight is the Facebook like box.
You should paste the app ID from your Facebook account applications.

Go to this links https://developers.facebook.com/apps/?action=create. You

should see modal window with some fields.
 Give a unique name to your app
 Ignore app namespace
 Press continue
 Enter security code
 If everything is ok, you will be taken to app dashboard, here you can take App ID
Tips.

Update your theme

Go to your Themeforest dashboard >> downloads. From there you can find new
version of theme. Download it. Use FTP to update the theme. For FTP you need to
unzip the zip file and upload to wp-content > themes. You will not lose any data
during update

How to switch to child theme?

Sometime you need to extend the theme you bought with custom functionality or
styles, but you can’t include you changes directly into the theme files, as each
time you update the theme you will lose your custom code. To be able to write
custom code and update theme without your custom data lose you need to
switch to child theme. Child theme overwrites parent theme.

If you want to add custom styles switch to child theme and edit style.css of child
theme. If you need custom functionality to include, again switch to child theme
and add your functions to functions.php of a child theme. If you need to overwrite
parent theme file, copy that file and put inside child theme folder (if file is nested
inside folders, also create parent theme folders in child theme). Now edit copied
file and you will not lose data when updating parent theme, and you will keep
your custom data.

More about child theme you can find in wordpress.org

Using Google Developer Tools

All major browsers come bundled with developer tools, which allow us, among
many other things, to locate how a style is applied to a particular element, this is
very helpful if we are looking to modify said style.

Web developer tools can be accessed by pressing the F12 key, or right clicking in
the page and selecting Inspect Element (in most browsers)
The layout of the developer tools differs a little between browsers, but the basics
we need to use here, are pretty similar in all of them. We recommend to
use Google Developer Tools.

What can do for you Google Developer Tool?

When you need to inspect for several parts of your page to find styles, that are
responsible for that part, find out the structure, inspect class names or find ID of
particular element on page. How does it work? Simple: just put the mouse cursor
on the element you want to inspect and make a right click >> choose inspect
element, and google developer console will open with styles and structures
located on that part you inspected.

Write custom styles

When you buy a theme, there is no need to be a programmer to use it, however
some small skills are required to complete small custom tasks. Sometime you
need to do some small modifications – apply small custom styles to elements. But
how can you do it with our theme? Simple, we created options for you to make it
easy.

First thing you need is the starting point – you need to know what element needs
to be modified with your custom style, so you can target it. Use google developer
tools to target specific elements in your page layout.

How to find the post ID

Sometimes you need to find post id. But how can you do that? Go to your admin
page and go to your posts (also custom posts/ pages) page, where you can find all
your posts/pages listed. Enter the desired post/page and inspect the url of that
post/page, you will find something like this: http://yoursite/wp-
admin/post.php?post=448&action=edit. See the number 448 – that it the post ID.
Your number may differ.
Custom font upload

Most custom fonts have 3-4 formats included in its pack. They
are: eot, woff, truetype, svg. Upload that files using custom font upload button
(you can also upload custom font files as you upload images from WordPress
media library). Only, make sure your server allows these files formats to be
uploaded via WordPress.

If not, please add this code to your theme functions.php file

Please see the enable_custon_font_upload.txt file in the snippets folder of your

download pack

Once you uploaded custom font you need to write font-family style, to be able to
use custom font family in content.

Please see the custom_font.txt file in the snippets folder of your download pack

You need to change the path of each uploaded file to match your font family files
and also give a name to your custom font family. Remember, if you want to have
your custom font available in all major browsers, you need to have 4 types of
custom font file: oet, woff, ttf, svg. All the patterns are included in code above,
just make sure the path is correct.

After you uploaded and wrote a style for custom font family it is time to APPLY
that font family to elements you want. If you want to assign custom font family to
hole website as main font family go to theme options >> styling and add styles.

How to find your Purchase Code

To find your license key/purchase code you need to log into your ThemeForest account
and go to your “Downloads” page. Locate some of the our themes you purchased in
your “Downloads” list and click on the Download and next on the License
Certificate&purchase code link in drop-down menu.

After you have downloaded the certificate you can open it in a text editor such as
Notepad and copy the Item Purchase Code.
Translate the theme

To translate the theme strings use the Loco Translate plugin.

Troubleshooting

Missing style sheet error when installing the theme

A common issue that can occur with users new to installing WordPress themes is
a “Broken theme and/or stylesheets missing• error message being displayed
when trying to upload or activate the theme. This error message does not mean
that the theme you have purchased is broken, it simply means it has been
uploaded incorrectly. Luckily, there is a very easy fix.

Categories are not assigned to posts/custom post types after import

This is known issue of the WordPress import, to fix it, find the wp-import-fix.php
file in the snippets folder and upload it in the site root, after that navigate in the
browser window to the www.yoursite.com/ wp-import-fix.php the script will fix
the empty category bug, after that don’t forget to remove the file from the site
root.

Cross Browser/Platform HTML 5 Video

All these video formats are no supported among all devices and browsers. That is
why, to make html5 video cross-browser and cross-device compatible you need to
follow these steps

 Download http://www.mirovideoconverter.com/ video converter and

install it. It has very intuitive and simple interface
 Convert your video to all formats (mp4/m4v, ogg/ogv, webm)
 Converter will generate ready to use html index page, you don’t need that
page, you need only videos
 You can find it in html5video of generated folder
  Open your .htaccess file (your WordPress installation root) in notepad or
similar editor and paste this code

Please see the html5_video.txt file in the snippets folder of your download pack

After you import the menu megamenu breaks

If your theme supports megamenu, it may have problems with WordPress import
tool. When imported xml file, by default WordPress does not understand extra
megamenu fields, so it just ignores theme. You need to customize megamenu by
hand. So set megamenu option of first level menu item to true, choose
columns number, add background image and your megamenu is ready!

Checking for plugin conflicts

At the time of writing there are 38,000 plugins in the WordPress repository, more
than 3,500 on Themeforest and quite a few scouring the internet unchecked.
Themes for WordPress are just too many to even mention. It stands to reason
that not all combinations will work, in this article we’ll see how we can check for
plugin conflicts and single the odd one out.

 Start by disabling all plugins, if you have caching plugins active, first empty
the cache and then disable the plugin entirely, emptying your browser’s
cache as well is a good idea.
 Refresh your permalinks
 Go back to your site and check, the issue should be gone.
 Start enabling plugins one-by-one and check if the problem appears after
each plugin activation.
 When the problem reappears, the last activated plugin is either the one
causing the problem, or its combination with the other plugins, or the
theme is not working.
 Disable and/or remove the problematic plugin and continue on problem
free. If the plugin provided a function you absolutely need, you might want
to look for an alternative in the WordPress plugin repository, and chances
are there’s more than one plugin doing the same thing.
Shortcodes show in search page results

To remove any code from search results you need to give some short description
of pages. Go to each page edit screen, from screen options check excerpt and
scroll down you will see a text area with Excerpt. Write some small description of
the page, and that description will be available in search results without code.

Can’t import demo data

When you got issues with demo data import with “One click demo install”, you
should check your php.ini configurations at your server/hosting. We recommend
to change these options in your php.ini file (if you don’t have access to your
php.ini file, ask your hosting/server provider, they should configure it for you):

 max_input_vars (default is 1000) set to 3000

 post_max_size (default is “8M”) set to 2000M
 upload_max_filesize (default is “2M”) set to 64M
 max_execution_time (default is “30”) set to 180
 max_input_time (default is “-1”) set to 180
 memory_limit (default is “128M”) set to 3000M

Icons are not showing

Make sure you removed the width and height attributes from the svg icon

After import post images are full size

Not to overload demo data import process we included only original images, you
should use regenerate thumbnails plugin to regenerate all the featured image
sizes.

Can’t update Revolution Slider, License Key is required

There’s a difference between getting Revolution Slider directly from

themeforest or in a theme. If you purchased from themeforest, this means that
you own license and you can access themeforest ticket system and get direct and
free updates (instant). If you got Revolution Slider in a theme, that means that
theme author has license and only he/she can download latest versions of
Revolution Slider and include it in the theme. You as a theme user, may use
Revolution Slider free of charge while you use theme that came with Revolution
Slider (because you have license for that theme).