System status that the setup wizard checks

• Uploads folder writable
• WP File System
• ZipArchive
• PHP Memory Limit (512 MB)
• PHP max_execution_time (600)
• PHP max_input_vars (2000)

The post System status appeared first on Documentation.

A child theme is a theme that can edit codes and styles from parent theme directly. Changes in child theme will remain after theme update while parent theme’s changes are removed. It is a good idea to use child theme if you are facing problems that can not be solved with theme’s providing options or styles. You could change core codes using template file modifications or hooks. Visit Child Theme for more details.

How to create a Wolmart child theme?

Wolmart provides an easy way to create child theme. You need to input child theme title and click ‘Create’ button. Then you could see ‘Wolmart Child Theme’ is added and activated in Appearance > Themes page.

How to modify codes using child theme?

Theme are several ways to modify core codes.

1. Copy template files from parent theme

You could copy theme template files ( located in wolmart/templates directory ) or WooCommerce plugin’s template files ( located in woocommerce directory ) to child theme’s directory and modify them. You could copy only limited files for modification. If you copy and modify the other files except template files, changes will not affect to your site.

IMPORTANT NOTE:
Sometimes Wolmart theme and WooCommerce plugin will make major changes to these files. You should keep an eye on updates and if the, copy and modify them again.

2. Override function

You could change pre-defined functions by redefining them in child theme. You could probably see some functions wrapped with ‘function_exists’. And for these functions, you can do modifications. Child theme functions are loaded ahead of others, so you could create the same function in child theme and make changes to the content.

Below is the example of overriding functions. Let’s assume that you are going to modify ‘wolmart_get_col_class’ function. The original code ( this is from parent theme ) is like belows.

/* This is original code */
if ( ! function_exists( 'wolmart_get_col_class' ) ) :

	/**
	 * Get column class from columns count array
	 *
	 * @since 1.0
	 *
	 * @param int[] $col_cnt Array of columns count per each breakpoint.
	 *
	 * @return string columns class
	 */
	function wolmart_get_col_class( $col_cnt = array() ) {

		$class = ' row';
		foreach ( $col_cnt as $w => $c ) {
			if ( $c > 0 ) {
				$class .= ' cols-' . ( 'min' != $w ? $w . '-' : '' ) . $c;
			}
		}

		return apply_filters( 'wolmart_get_col_class', $class );
	}
endif;

Now you can copy this function in child theme and make changes to the content.

/* This is modification code */
function wolmart_get_col_class( $col_cnt = array() ) {

        // your code here
        ...
        ...
        ...
}

3. Using hooks

Wolmart and other plugins provide many hooks ( including actions and filters ) for developers to modify core codes. You could add your codes to existing actions and filters.

/* Example of using hooks */
add_action( 'wolmart_wc_after_notice', 'wolmart_wc_notice_close', 10, 2 );
function wolmart_wc_notice_close() {
	echo '<button type="button" class="btn btn-link btn-close"><i class="close-icon"></i></button>';
}

The post Creating Child Theme appeared first on Documentation.

1. The required plugins

• Wolmart Core
• WooCommerce
• Kirki Customizer Framework
• Meta-Box

2. Recommended page builders

• Elementor
• WPBakery Page Builder

3. Recommended multi-vendor Plugins

• Dokan Lite
• WCFM – WooCommerce Multivendor Marketplace
• Multivendor Marketplace Solution for WooCommerce – WC Marketplace
• WC Vendors Marketplace

4. Recommended plugins for functionality and performance

• PWA for WP
• YITH WooCommerce Wishlist
• Nextend Social Login
• WP Optimize
• Advanced Database Cleaner
• WP Super Cache
• Fast Velocity Minify

Please read more about plugins.

The post Install Plugins appeared first on Documentation.

IMPORTANT NOTE:
Please backup your site before uninstalling. All imported and overriden contents from Wolmart demos might be removed.

1. Demo Import

Wolmart provides an advanced and easiest way to import pre-built demos. Friendly design and flexible working would make you feel that you are installing a system.

There are two methods to import Wolmart demos.

What is Standard Import ?

Standard import is a general method to import demos.

What is Alternative Import Mode ?

Alternative import mode is a method to import demo when you server does not fulfill requirements. You could probably change your server configuration but if you could not do that because of limit, you could use alternative mode. Do not worry about it. Alternative Mode is slower than standard import but import result is same.

How to import demo?

Step 1. First, select one of pre-built demos that you wish to import. You can click on screenshot image of each demo.

Step 2. After clicking it, you could see demo import popup. Select one of Elementor, Visual Composer and WPBakery version of demo.

Step 3. Each demos have different needed plugins to install. Make sure that all required plugins are already installed.

Step 4. Select what to import from pre-built demos. To create the same website as demo, just select all contents.

Step 5. Click ‘Standard Import’ or ‘Alternative Mode’ button.

Step 6. That’s all. After 2 or 3 minutes, you could see same website has been created.

Visit your new website and check if you got desirable result.

2. Custom Logo

Upload custom logo for your new site.

3. Demo Uninstall

You could uninstall demo contents from your site. If you import different demos so many times, you could see some posts are overridden by new ones. In that case you need to uninstall imported demo contents before importing new demo. You could remove all contents from previously imported demo or remove only some parts such as pages, widgets and so on.

The post Import Demo appeared first on Documentation.

Wolmart theme comes with 6 months item support from purchase date (with the option to extend this period). This license allows you to use this theme on a single website. Please purchase an additional license to use this theme on another website.

Item Support DOES Include:

• Availability of the author to answer questions
• Answering technical questions about item features
• Assistance with reported bugs and issues
• Help with bundled 3rd party plugins

Item Support DOES NOT Include:

• Customization services (this is available through [email protected])
• Installation services (this is available through [email protected])
• Help and Support for non-bundled 3rd party plugins (i.e. plugins you install yourself later on)

More Resources

More details about item support can be found in the ThemeForest Item Support Policy.

• Learn how to use WooCommerce
• Learn how to use WordPress
• Leave an Item Rating

Please leave a 5-star rating if you are happy with this theme. Thanks!

The post Theme Support appeared first on Documentation.

It’s also possible to optimize wpbakery shortcodes. It can reduce about 400kb of style.

The post Optimize Resources appeared first on Documentation.

Lazy load images

All image resources will be lazyloaded so that page’s loading speed gets faster.
Use with caution! Disable this option if you have any compability problems.

Lazy load menus

Menus will be lazyloaded and cached in browsers for faster load.
Cached menus will be updated after they have been changed or customizer panel has been saved.

Skeleton screen

Instead of real content, skeleton is used to enhance speed of page loading and makes it more beautiful.

Enable web font loader

Using Web Font Loader, you can enhance page loading speed by about 4 percent in Google PageSpeed Insights for both mobile and desktop.

The post Lazy Loading appeared first on Documentation.

1. Optimize Mobile

• Disable Mobile Animations – Disable appear and slide animations in mobile.
• Disable Mobile Sliders – Use scrollbar instead of carousel for only products and posts in mobile.

2. Preload Fonts

This improves page load time as the browser caches preloaded resources so they are available immediately when needed. By using this option, you can increase page speed about 1 ~ 4 percent in Google PageSpeed Insights for both of mobile and desktop.

• Wolmart Icons
• Font Awesome 5 Solid
• Font Awesome 5 Regular
• Font Awesome 5 Brands 

3. Asynchronous Scripts

Asynchronous load

Some javascript libraries does not affect first paint. And you can increase page loading speed by loading them asynchronously.

Split tasks

Long time tasks may cause unintentional rendering suspension or affect to its performance. To make pages faster, please check split task option.

Only necessary JS at loading

While page is loaded, there exists a lot of unnecessary javascripts running during initialization. If they works in idle time and only necessary ones runs while loading time, page speed will be faster.

Process after load event

This will accelerate page’s load time. But this may cause compatibility issue since page still not be ready. It will be in ready state after document or window load event is ready. To fix this problem, Please add event handlers to window’s wolmart_complete event.

The post Performance appeared first on Documentation.

Recommended Plugins

Here, you can install optimization plugins.

WP Optimize

Cleans your database by removing unnecessary data, tables and data fragmentation, compresses your images and caches your site for your super fast load times.

Advanced Database Cleaner

Cleans up database by deleting orphaned items such as old revisions, spam comments, optimize database and more.

WP Super Cache

Generates static html files from your dynamic WordPress blog.

Fast Velocity Minify

Reduces HTTP requests by merging CSS & Javascript files into groups of files, while attempting to use the least amount of files as possible.

IMPORTANT NOTE:
These plugins should be disabled while in development, because changes may not be affected.

Installed Plugins

Here, you can deactivate unnecessary plugins manually.

The post Optimize Plugins appeared first on Documentation.

Critical css helps you reduce the rendering time.

Probably, your site has too many style codes and not all of them are used at first time. Because of that, they make to only serve the CSS that’s being used on that page and that’s commonly referred to as critical css. After making critical css, the download amount is certainly lower than before and it will improve performance too.

 

 

Enable Critical Css

There are many features to improve the performance and First Contentful Paint is one of the most important feature. So Generate critical css to reduce the rendering time and get a better speed.

 

 

 Application of Critical Css

In most cases, Critical Css is used in conjunction with Merge js & css option to increase speed of pages. By enabling both options, we have increased speed score of Elementor Demo 1 ~ 14, 16, 17, 18, 20, WPB Demo 1, 2, 3, 5 ~ 11, 13, 14 over 90.

The post Critical Css appeared first on Documentation.