Dominykas Gelucevičius - Coffee-powered development

Change WooCommerce price and currency with a tiny plugin

I’ve tried many currency plugins for WooCommerce, but none of them worked well. Some of them were not compatible with coupons, WooCommerce Subscriptions or poorly coded, so I decided to write a tiny WordPress plugin to change the price and currency based on the billing country.

What it does?
1. If the billing country is not “DE” (Germany), then it gets the price from a custom field “regular_price_usd”, which is created by ACF plugin.
2. If the billing country is not “DE” (Germany), then it changes the currency to USD.
3. If currency is USD, disables TAX calculation.

Can be easily adopted to use more countries and currencies. You can also implement GeoIP and change prices by IP location or browser language on the fly.

Price in USD after changing the currency

<?php 
/**
 * Plugin Name: Custom_Currency
 * Description: Changes the price and currency based on the customer billing country.
 * Author:      Dominykas Gel
 * Author URI:  http://www.dominykasgel.com
 * Version:     1.0.0
*/

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}

class Custom_Currency {

	public function __construct() {
		if ( ! is_admin() ) {
			add_filter( 'woocommerce_product_get_price', array( $this, 'filter_price' ), 10, 2 );
			add_filter( 'woocommerce_currency', array( $this, 'existing_currency_symbol' ) );
			add_filter( 'wc_tax_enabled', array( $this, 'woocommerce_tax_enabled' ) );
		}
	}

	/*
	 * Filters price based on the billing country.
	 *
	*/
    public function filter_price( $price, $product ) {
    	$price_in_usd = get_field( 'regular_price_usd', $product->get_id() ); // get USD price from a custom field

    	$countries = array( 'DE' );
    	if ( $price_in_usd && ! in_array( WC()->customer->get_billing_country(), $countries ) ) {
    		return absint( $price_in_usd );
    	} else {
    		return $price;
    	}
    }

	/*
	 * Filters currency based on the billing country.
	 *
	*/
    public function existing_currency_symbol( $currency ) {
    	$countries = array( 'DE' );
    	if ( ! in_array( WC()->customer->get_billing_country(), $countries ) ) {
    		return 'USD';
    	}

    	return $currency;
    }

	/*
	 * Disables tax for a certain currency.
	 *
	*/
    public function woocommerce_tax_enabled( $status ) {
    	if ( get_woocommerce_currency() == 'USD' ) {
    		return false;
    	}

    	return $status;
    }
}

$custom_currency = new Custom_Currency();

<?php

/**

* Plugin Name: Custom_Currency

* Description: Changes the price and currency based on the customer billing country.

* Author: Dominykas Gel

* Author URI: http://www.dominykasgel.com

* Version: 1.0.0

if ( ! defined( 'ABSPATH' ) ) {

exit; // Exit if accessed directly

}

class Custom_Currency {

public function __construct() {

if ( ! is_admin() ) {

add_filter( 'woocommerce_product_get_price', array( $this, 'filter_price' ), 10, 2 );

add_filter( 'woocommerce_currency', array( $this, 'existing_currency_symbol' ) );

add_filter( 'wc_tax_enabled', array( $this, 'woocommerce_tax_enabled' ) );

}

* Filters price based on the billing country.

public function filter_price( $price, $product ) {

$price_in_usd = get_field( 'regular_price_usd', $product->get_id() ); // get USD price from a custom field

$countries = array( 'DE' );

if ( $price_in_usd && ! in_array( WC()->customer->get_billing_country(), $countries ) ) {

return absint( $price_in_usd );

} else {

return $price;

}

* Filters currency based on the billing country.

public function existing_currency_symbol( $currency ) {

$countries = array( 'DE' );

if ( ! in_array( WC()->customer->get_billing_country(), $countries ) ) {

return 'USD';

}

return $currency;

}

* Disables tax for a certain currency.

public function woocommerce_tax_enabled( $status ) {

if ( get_woocommerce_currency() == 'USD' ) {

return false;

}

return $status;

}

$custom_currency = new Custom_Currency();

Simple AJAX posts filter by category and publish date for WordPress

The first thing you need to do is to write some HTML for category and publish date select box. This can be added to a custom template or your home page index.php file.

<div class="filter-wrap">
    <div class="category">
        <div class="field-title">Category</div>
        <?php $get_categories = get_categories(array('hide_empty' => 0)); ?>
            <select class="js-category">
                <option value="all">All</option>
                <?php
					if ( $get_categories ) :
						foreach ( $get_categories as $cat ) :
					?>
                    <option value="<?php echo $cat->term_id; ?>">
                        <?php echo $cat->name; ?>
                    </option>
                    <?php endforeach; 
						endif;
					?>
            </select>
    </div>

    <div class="date">
        <div class="field-title">Sort by</div>
        <select class="js-date">
            <option value="new">Newest</option>
            <option value="old">Oldest</option>
        </select>
    </div>
</div>

<div class="field-title">Category</div>

<?php $get_categories = get_categories(array('hide_empty' => 0)); ?>

<?php

if ( $get_categories ) :

foreach ( $get_categories as $cat ) :

<?php echo $cat->name; ?>

</option>

<?php endforeach;

endif;

</select>

</div>

<option value="new">Newest</option>

<option value="old">Oldest</option>

</select>

</div>

Now, when we have HTML ready, we also need to show some latest blog posts.

<div class="filtered-posts">
<?php

if ( have_posts() ) :
	while ( have_posts() ) : the_post();
		get_template_part( 'template-parts/content-post' );
	endwhile;
endif;

?>
</div>

<?php

if ( have_posts() ) :

while ( have_posts() ) : the_post();

get_template_part( 'template-parts/content-post' );

endwhile;

endif;

</div>

Create a file called content-post.php in template-parts directory. If this directory doesn’t exist, then create it. We’ll be showing the title of the post and linking to it.

<article id="post-id-<?php the_id(); ?>" <?php post_class('clearfiks archive-post'); ?>>
	<a href="<?php the_permalink() ?>"><h3><?php the_title(); ?></h3>
</article>

</article>

Add this JavaScript code to your theme’s javascript file. This code filters out the posts by category and publish date under AJAX. The request is sent to ajax_filterposts_handler PHP function, then response is delivered by JavaScript (jQuery).

jQuery(document).ready(function($){
	jQuery( ".js-category, .js-date" ).on( "change", function() {
		var category = $( '.js-category' ).val();
		var date = $( '.js-date' ).val()

		data = {
			'action': 'filterposts',
			'category': category,
			'date': date
		};

		$.ajax({
			url : ajaxurl,
			data : data,
			type : 'POST',
			beforeSend : function ( xhr ) {
				$('.filtered-posts').html( 'Loading...' );
				$('.js-category').attr( 'disabled', 'disabled' );
				$('.js-date').attr( 'disabled', 'disabled' );
			},
			success : function( data ) {
				if ( data ) {
					$('.filtered-posts').html( data.posts );

					$('.js-category').removeAttr('disabled');
					$('.js-date').removeAttr('disabled');
				} else {
					$('.filtered-posts').html( 'No posts found.' );
				}
			}
		});
	});
});

jQuery(document).ready(function($){

jQuery( ".js-category, .js-date" ).on( "change", function() {

var category = $( '.js-category' ).val();

var date = $( '.js-date' ).val()

data = {

'action': 'filterposts',

'category': category,

'date': date

};

$.ajax({

url : ajaxurl,

data : data,

type : 'POST',

beforeSend : function ( xhr ) {

$('.filtered-posts').html( 'Loading...' );

$('.js-category').attr( 'disabled', 'disabled' );

$('.js-date').attr( 'disabled', 'disabled' );

success : function( data ) {

if ( data ) {

$('.filtered-posts').html( data.posts );

$('.js-category').removeAttr('disabled');

$('.js-date').removeAttr('disabled');

} else {

$('.filtered-posts').html( 'No posts found.' );

}

});

Finally, the PHP part. Add this to your functions.php file.

	function ajax_filterposts_handler() {
		$category = esc_attr( $_POST['category'] );
		$date = esc_attr( $_POST['date'] );

		$args = array(
			'post_type' => 'post',
			'post_status' => 'publish',
			'posts_per_page' => -1,
			'orderby' => 'date',
			'order' => 'DESC'
		);

		if ( $category != 'all' )
			$args['cat'] = $category;

		if ( $date == 'new' ) {
			$args['order'] = 'DESC';
		} else {
			$args['order'] = 'ASC';
		}

		$posts = 'No posts found.';

		$the_query = new WP_Query( $args );
	 
		if ( $the_query->have_posts() ) :
			ob_start();

			while ( $the_query->have_posts() ) : $the_query->the_post();
				get_template_part( 'template-parts/content-post' );
			endwhile;

			$posts = ob_get_clean();
		endif;

		$return = array(
	    	'posts' => $posts
		);

		wp_send_json($return);
	}
	add_action( 'wp_ajax_filterposts', 'ajax_filterposts_handler' );
	add_action( 'wp_ajax_nopriv_filterposts', 'ajax_filterposts_handler' );

function ajax_filterposts_handler() {

$category = esc_attr( $_POST['category'] );

$date = esc_attr( $_POST['date'] );

$args = array(

'post_type' => 'post',

'post_status' => 'publish',

'posts_per_page' => -1,

'orderby' => 'date',

'order' => 'DESC'

);

if ( $category != 'all' )

$args['cat'] = $category;

if ( $date == 'new' ) {

$args['order'] = 'DESC';

} else {

$args['order'] = 'ASC';

}

$posts = 'No posts found.';

$the_query = new WP_Query( $args );

if ( $the_query->have_posts() ) :

ob_start();

while ( $the_query->have_posts() ) : $the_query->the_post();

get_template_part( 'template-parts/content-post' );

endwhile;

$posts = ob_get_clean();

endif;

$return = array(

'posts' => $posts

);

wp_send_json($return);

}

add_action( 'wp_ajax_filterposts', 'ajax_filterposts_handler' );

add_action( 'wp_ajax_nopriv_filterposts', 'ajax_filterposts_handler' );

Hide Uncategorized category from WooCommerce pages

Couldn’t find any working snippet in Google, so I decided to write it myself. This snippet will hide the Uncategorized category from front-end.

function remove_uncategorized_category( $terms, $taxonomy, $query_vars, $term_query ) {
	if ( is_admin() )
		return $terms;

	if ( $taxonomy[0] == 'product_cat' ) {
		foreach ( $terms as $k => $term ) {
			if ( $term->term_id == get_option( 'default_product_cat' ) ) {
				unset( $terms[$k] );
			}
		}
	}

	return $terms;
}
add_filter( 'get_terms', 'remove_uncategorized_category', 10, 4 );

function remove_uncategorized_category( $terms, $taxonomy, $query_vars, $term_query ) {

if ( is_admin() )

return $terms;

if ( $taxonomy[0] == 'product_cat' ) {

foreach ( $terms as $k => $term ) {

if ( $term->term_id == get_option( 'default_product_cat' ) ) {

unset( $terms[$k] );

}

return $terms;

}

add_filter( 'get_terms', 'remove_uncategorized_category', 10, 4 );

Allow backorders for certain products in WooCommerce

Using this code snippet you can allow backorders for certain products.

/**
 * Returns whether or not the product can be backordered.
 *
 * @param $backorders_allowed
 * @param $product_id
 * @param $product
 * @return bool
*/
function woocommerce_product_backorders_allowed( $backorders_allowed, $product_id, $product ) {
	return true;
}

/**
 * Return the stock status. Should be 'onbackorder' for backorders.
 *
 * @param $stock_status
 * @param $product
 * @return string
*/
function woocommerce_product_get_stock_status( $stock_status, $product ) {
	return 'onbackorder';
}

add_filter( 'woocommerce_product_backorders_allowed', 'woocommerce_product_backorders_allowed', 10, 3 );
add_filter( 'woocommerce_product_get_stock_status', 'woocommerce_product_get_stock_status', 10, 2 );

/**

* Returns whether or not the product can be backordered.

* @param $backorders_allowed

* @param $product_id

* @param $product

* @return bool

function woocommerce_product_backorders_allowed( $backorders_allowed, $product_id, $product ) {

return true;

}

/**

* Return the stock status. Should be 'onbackorder' for backorders.

* @param $stock_status

* @param $product

* @return string

function woocommerce_product_get_stock_status( $stock_status, $product ) {

return 'onbackorder';

}

add_filter( 'woocommerce_product_backorders_allowed', 'woocommerce_product_backorders_allowed', 10, 3 );

add_filter( 'woocommerce_product_get_stock_status', 'woocommerce_product_get_stock_status', 10, 2 );

Nginx and WordPress SEO by Yoast robots.txt 404 error message

I recently had an issue with robots.txt file and Google Search Console. It was showing a 404 error message. The problem was related to Nginx and Yoast SEO plugin. In my case, robots.txt is virtual and generated by Yoast SEO plugin. Nginx throws a 404 error because it can’t find the physical file, but then a request for robots.txt is detected by Yoast SEO plugin and the content is generated. However, Google bot stops at 404 error.

Basically, what you need to do is to add these lines to Nginx server blocks:

location = /robots.txt {
    try_files $uri $uri/ /index.php?$args;
    access_log off;
    log_not_found off;
}

location = /robots.txt {

try_files $uri $uri/ /index.php?$args;

access_log off;

log_not_found off;

}

This means, Nginx will look for robots.txt through PHP and will not try to find a physical file.

How to add a custom field to WooCommerce checkout page

/*
 * Add a referanse field to the checkout.
*/ 
function prefix_checkout_add_referanse_field( $fields ) {
     $fields['billing']['billing_referanse'] = array(
        'label'     => __( 'Referanse', 'woocommerce' ),
	    'placeholder'   => '',
	    'required'  => false,
	    'class'     => array('form-row-wide'),
	    'clear'     => true
     );

     return $fields;
}
add_filter( 'woocommerce_checkout_fields' , 'prefix_checkout_add_referanse_field' );

/**
 * Display field referanse value on the order edit page.
 */
function prefix_order_display_referanse_field( $order ) {
	$referanse_meta_field = get_post_meta( $order->get_id(), '_billing_referanse', true );

	if ( $referanse_meta_field )
    	echo '<p><strong>'. __('Referanse') .':</strong> ' . esc_attr( get_post_meta( $order->get_id(), '_billing_referanse', true ) ) . '</p>';
}
add_action( 'woocommerce_admin_order_data_after_shipping_address', 'prefix_order_display_referanse_field', 10, 1 );

* Add a referanse field to the checkout.

function prefix_checkout_add_referanse_field( $fields ) {

$fields['billing']['billing_referanse'] = array(

'label' => __( 'Referanse', 'woocommerce' ),

'placeholder' => '',

'required' => false,

'class' => array('form-row-wide'),

'clear' => true

);

return $fields;

}

add_filter( 'woocommerce_checkout_fields' , 'prefix_checkout_add_referanse_field' );

/**

* Display field referanse value on the order edit page.

function prefix_order_display_referanse_field( $order ) {

$referanse_meta_field = get_post_meta( $order->get_id(), '_billing_referanse', true );

if ( $referanse_meta_field )

echo '<p><strong>'. __('Referanse') .':</strong> ' . esc_attr( get_post_meta( $order->get_id(), '_billing_referanse', true ) ) . '</p>';

}

add_action( 'woocommerce_admin_order_data_after_shipping_address', 'prefix_order_display_referanse_field', 10, 1 );

How to modify the WooCommerce API orders response?

/*
 * Add a referanse field to the Order API response.
*/ 
function prefix_wc_rest_prepare_order_object( $response, $object, $request ) {
	// Get the value
	$referanse_meta_field = ( $value = get_post_meta($object->get_id(), '_billing_referanse', true) ) ? $value : '';

	$response->data['referanse'] = $referanse_meta_field;

	return $response;
}
add_filter( 'woocommerce_rest_prepare_shop_order_object', 'prefix_wc_rest_prepare_order_object', 10, 3 );

/*
 * Legacy API
 * Add a referanse field to the Order API response.
*/ 
function prefix_wc_api_order_response( $order_data ) {
	// Get the value
	$referanse_meta_field = ( $value = get_post_meta($order_data['id'], '_billing_referanse', true) ) ? $value : '';

	$order_data['referanse'] = $referanse_meta_field;

	return $order_data;
}
add_filter( 'woocommerce_api_order_response', 'prefix_wc_api_order_response', 10, 1 );

* Add a referanse field to the Order API response.

function prefix_wc_rest_prepare_order_object( $response, $object, $request ) {

// Get the value

$referanse_meta_field = ( $value = get_post_meta($object->get_id(), '_billing_referanse', true) ) ? $value : '';

$response->data['referanse'] = $referanse_meta_field;

return $response;

}

add_filter( 'woocommerce_rest_prepare_shop_order_object', 'prefix_wc_rest_prepare_order_object', 10, 3 );

* Legacy API

* Add a referanse field to the Order API response.

function prefix_wc_api_order_response( $order_data ) {

// Get the value

$referanse_meta_field = ( $value = get_post_meta($order_data['id'], '_billing_referanse', true) ) ? $value : '';

$order_data['referanse'] = $referanse_meta_field;

return $order_data;

}

add_filter( 'woocommerce_api_order_response', 'prefix_wc_api_order_response', 10, 1 );

How to modify the WordPress REST API posts response

The WordPress REST API is a great thing, but in most cases you need to extend it. For example, if you use Advanced Custom Fields and you need to get them via the API, then you need to modify the response. Here’s a quick example:

/**
 * Hook into the REST API and include featured_image in "wp-json/wp/v2/posts/" response 
 *
 */
function slug_register_featured_img() {
    register_rest_field( 'post',
        'featured_image', // Add it to the response
        array(
            'get_callback'    => 'get_featured_image_from_acf', // Callback function - returns the value
            'update_callback' => null,
            'schema'          => null,
        )
    );
}
add_action( 'rest_api_init', 'slug_register_featured_img' );

/**
 * Get the value of the "image" ACF field
 *
 * @param array $object Details of current post.
 * @param string $field_name Name of field.
 * @param WP_REST_Request $request Current request
 *
 * @return mixed
 */
function get_featured_image_from_acf( $object, $field_name, $request ) {
	// Check if ACF plugin activated
	if ( function_exists( 'get_field' ) ) {
		// Get the value
		if ( $image = get_field('featured_image', $object['id'] ) ) :
			return wp_get_attachment_image_url($image, 'medium');
		endif;
	} else {
		return '';
	}
}

/**

* Hook into the REST API and include featured_image in "wp-json/wp/v2/posts/" response

function slug_register_featured_img() {

register_rest_field( 'post',

'featured_image', // Add it to the response

array(

'get_callback' => 'get_featured_image_from_acf', // Callback function - returns the value

'update_callback' => null,

'schema' => null,

)

);

}

add_action( 'rest_api_init', 'slug_register_featured_img' );

/**

* Get the value of the "image" ACF field

* @param array $object Details of current post.

* @param string $field_name Name of field.

* @param WP_REST_Request $request Current request

* @return mixed

function get_featured_image_from_acf( $object, $field_name, $request ) {

// Check if ACF plugin activated

if ( function_exists( 'get_field' ) ) {

// Get the value

if ( $image = get_field('featured_image', $object['id'] ) ) :

return wp_get_attachment_image_url($image, 'medium');

endif;

} else {

return '';

}

How to create a callback URL in WooCommerce

I was working on a payment gateway for WooCommerce and had to create a special URL that will then load the specified class method. Sometimes the information does not reach all parties e.g. if you close the browser and the status of the payment between the payment’s and merchant’s server remains unclear. The WooCommerce API allows you to create a callback URL.

Creating a callback URL

class WC_Gateway_My_Gateway extends WC_Payment_Gateway {
public function __construct() {
add_action( 'woocommerce_api_'. strtolower( get_class($this) ), array( $this, 'callback_handler' ) );
}

public function callback_handler() {
		$raw_post = file_get_contents( 'php://input' );

		$decoded  = json_decode( $raw_post );
		if ( isset( $decoded->TransactionId ) ) {
				if ( $response_data->Authorized == true ) {

					// Set order status to processing
					$order->update_status( 'processing', sprintf( __( 'Authorized  %s %s on credit card.', 'woocommerce-my-payment-gateway' ), get_woocommerce_currency(), $order->get_total() ) );
				} else {
					// Set order status to payment failed
					$order->update_status( 'failed', sprintf( __( 'Card payment failed.', 'woocommerce-my-payment-gateway' ) ) );
				}
			}
		}

		die();
	}

}

class WC_Gateway_My_Gateway extends WC_Payment_Gateway {

public function __construct() {

add_action( 'woocommerce_api_'. strtolower( get_class($this) ), array( $this, 'callback_handler' ) );

}

public function callback_handler() {

$raw_post = file_get_contents( 'php://input' );

$decoded = json_decode( $raw_post );

if ( isset( $decoded->TransactionId ) ) {

if ( $response_data->Authorized == true ) {

// Set order status to processing

$order->update_status( 'processing', sprintf( __( 'Authorized %s %s on credit card.', 'woocommerce-my-payment-gateway' ), get_woocommerce_currency(), $order->get_total() ) );

} else {

// Set order status to payment failed

$order->update_status( 'failed', sprintf( __( 'Card payment failed.', 'woocommerce-my-payment-gateway' ) ) );

}

die();

}

Calling a callback URL

Before WooCommerce 2.0, you could use:

Home

In WoCommerce 2.0+:
http://yoursite.com/wc-api/wc_gateway_my_gateway/

DevSlider – A simple responsive slider built for Developers

There were many times when client asked me to customize the current slider template and add new settings to the slider. There are many great sliders in WordPress plugins repository, but they are not extendable – you can’t add new settings to the slider and change the template or it’s very hard. This time I decided to spend a bit more time and create my own slider which you can extend easily.

It uses bxSlider jQuery library and a Custom Post Type for slides. bxSlider has many options and examples. You can filter out bxSlider options by using devslider_slider_js filter and change them.

How to add slider to your page?

Use [DevSlider] shortocde. Available options are: slidewidth (default: 0), minslides (default: 1), maxslides (default: 1), category (default: all or category slug).

How to change the slider template?

The template file of DevSlider contains the markup and template structure for the front-end. This template file can be found within the /devslider/inc/ directory.

You can edit this template in an upgrade safe way through overrides. Simply copy devslider-template.php to your theme folder.

How to add new settings?

There are two ways. You can use Advanced Custom Fields plugin or WordPress meta boxes.

If you are going to use ACF, then you need to tell that to DevSlider by using devslider_use_wp_meta_boxes filter.

// Remove/hide Slide settings meta box from slide page in back-end
function my_slider_wp_meta_boxes() {
	return false;
}
add_filter('devslider_use_wp_meta_boxes', 'my_slider_wp_meta_boxes');

// Remove/hide Slide settings meta box from slide page in back-end

function my_slider_wp_meta_boxes() {

return false;

}

add_filter('devslider_use_wp_meta_boxes', 'my_slider_wp_meta_boxes');

If you are going to use WordPress metaboxes, then you need to add a new meta box by using devslider_slider_settings_metabox action hook. For example, I’ll add a new input field for slide text.

function my_slider_settings_metabox($post) {
	$text = get_post_meta( $post-&gt;ID, '_slide_text', true );

	echo '<label for="slide-text">'. __('Text', 'devslider') .'</label>
	    <input id="slide-text" name="slide_text" type="text" value="'. esc_attr( $text ) .'" />
';
}
add_action('devslider_slider_settings_metabox', 'my_slider_settings_metabox');

function my_slider_settings_metabox($post) {

$text = get_post_meta( $post->ID, '_slide_text', true );

echo '<label for="slide-text">'. __('Text', 'devslider') .'</label>

}

add_action('devslider_slider_settings_metabox', 'my_slider_settings_metabox');

We also need to hook into devslider_save_slide action hook to save it.

function my_slider_save_slide($slide_id) {
	update_post_meta( $slide_id, '_slide_text', sanitize_text_field( $_POST['slide_text'] ) );
}
add_action('devslider_save_slide', 'my_slider_save_slide');

function my_slider_save_slide($slide_id) {

update_post_meta( $slide_id, '_slide_text', sanitize_text_field( $_POST['slide_text'] ) );

}

add_action('devslider_save_slide', 'my_slider_save_slide');

Now in wp-content/themes/yourtheme/devslider-template.php you can use slide text. (If you don’t see this file in your theme, then you can .copy it from the plugin inc folder).

$text = get_post_meta( $slide-&gt;ID, '_slide_text', true );
echo esc_html( $text );

1 2	$text = get_post_meta( $slide->ID, '_slide_text', true ); echo esc_html( $text );

You are welcome to contribute to this slider on GitHub.

Available action hooks

devslider_loaded
before_devslider_init
after_devslider_init
devslider_enqueue_scripts
devslider_add_meta_boxes
devslider_slider_settings_metabox – available argument $post
devslider_save_slide – available argument $post_id

Available filters

devslider_slider_js – bxSlider JavaScript code
devslider_use_wp_meta_boxes – available argument bool – true or false