How to check if there is an ajax running on your page? Here’s a code below that can help you figure it out.
1 2 3 4 5 6 7 | jQuery( document ).ready(function($) { $(document).ajaxStart( function() { console.log('ajax true' ); }).ajaxStop( function() { console.log('ajax false' ); }); }); |
How to get the current scroll top position? Copy and past the following codes below to your JS file. var current_scroll = window.scrollY; console.log( current_scroll );
VIDEOJS: ERROR: videojs-contrib-ads has not seen a loadstart event 5 seconds after being initialized, but a source is present. This indicates that videojs-contrib-ads was initialized too late. It must be initialized immediately after video.js in the same tick. As a result, some ads will not play and some media events will be incorrect. For more…
How to get current post/page/custom post type post data (ID, Post Name, Post Title, Etc.) in init action? If you have something to get in your current page and don’t know how to get the current post ID, post name, post type, post content, and many more, the codes below is the solution. Using init…
Visit my demo page HTML CODE: <div id="prev-next" class="clearfix"> <a class="page-numbers" href="http://example.com/category/blog/">1</a> <a class="page-numbers" href="http://example.com/category/blog/page/2/">2</a> <a class="page-numbers" href="http://example.com/category/blog/page/3/">3</a> <a class="page-numbers" href="http://example.com/category/blog/page/10/">4</a> <a class="page-numbers" href="http://example.com/category/blog/page/10/">5</a> </div> SCRIPT $(‘a.page-numbers’).live( ‘click’, function(e){ e.preventDefault(); $( ‘#loading’ ).show(); var link = $( this ).attr( ‘href’ ); $( ‘#loop’ ).animate({ opacity:0.1 }, 200, function(){ $( this ).load( link + ‘ #loop’,…
Add Woocommerce product featured image using GeneratePress WordPress theme in few steps. You need to access your functions.php. Either on a parent theme or a child theme. In my case I’m using a child theme so gonna paste the codes below on child themes functions.php Please copy the code below and paste it into your…
How to replace Woocommerce placeholder image URL? Just copy the codes below. add_filter( ‘woocommerce_placeholder_img_src’, function( $classes ){ if( !is_product() ) return; // this code is intended to single product only. Remove this for general changes. return get_bloginfo( ‘url’ ) . ‘/wp-content/uploads/2016/03/placeholder.jpg’; } );
How to get the current scroll top position? Copy and past the following codes below to your JS file. var current_scroll = window.scrollY; console.log( current_scroll );
VIDEOJS: ERROR: videojs-contrib-ads has not seen a loadstart event 5 seconds after being initialized, but a source is present. This indicates that videojs-contrib-ads was initialized too late. It must be initialized immediately after video.js in the same tick. As a result, some ads will not play and some media events will be incorrect. For more…
How to get current post/page/custom post type post data (ID, Post Name, Post Title, Etc.) in init action? If you have something to get in your current page and don’t know how to get the current post ID, post name, post type, post content, and many more, the codes below is the solution. Using init…
Visit my demo page HTML CODE: <div id="prev-next" class="clearfix"> <a class="page-numbers" href="http://example.com/category/blog/">1</a> <a class="page-numbers" href="http://example.com/category/blog/page/2/">2</a> <a class="page-numbers" href="http://example.com/category/blog/page/3/">3</a> <a class="page-numbers" href="http://example.com/category/blog/page/10/">4</a> <a class="page-numbers" href="http://example.com/category/blog/page/10/">5</a> </div> SCRIPT $(‘a.page-numbers’).live( ‘click’, function(e){ e.preventDefault(); $( ‘#loading’ ).show(); var link = $( this ).attr( ‘href’ ); $( ‘#loop’ ).animate({ opacity:0.1 }, 200, function(){ $( this ).load( link + ‘ #loop’,…
Add Woocommerce product featured image using GeneratePress WordPress theme in few steps. You need to access your functions.php. Either on a parent theme or a child theme. In my case I’m using a child theme so gonna paste the codes below on child themes functions.php Please copy the code below and paste it into your…
How to replace Woocommerce placeholder image URL? Just copy the codes below. add_filter( ‘woocommerce_placeholder_img_src’, function( $classes ){ if( !is_product() ) return; // this code is intended to single product only. Remove this for general changes. return get_bloginfo( ‘url’ ) . ‘/wp-content/uploads/2016/03/placeholder.jpg’; } );
How to get the current scroll top position? Copy and past the following codes below to your JS file. var current_scroll = window.scrollY; console.log( current_scroll );
VIDEOJS: ERROR: videojs-contrib-ads has not seen a loadstart event 5 seconds after being initialized, but a source is present. This indicates that videojs-contrib-ads was initialized too late. It must be initialized immediately after video.js in the same tick. As a result, some ads will not play and some media events will be incorrect. For more…
How to get current post/page/custom post type post data (ID, Post Name, Post Title, Etc.) in init action? If you have something to get in your current page and don’t know how to get the current post ID, post name, post type, post content, and many more, the codes below is the solution. Using init…
Visit my demo page HTML CODE: <div id="prev-next" class="clearfix"> <a class="page-numbers" href="http://example.com/category/blog/">1</a> <a class="page-numbers" href="http://example.com/category/blog/page/2/">2</a> <a class="page-numbers" href="http://example.com/category/blog/page/3/">3</a> <a class="page-numbers" href="http://example.com/category/blog/page/10/">4</a> <a class="page-numbers" href="http://example.com/category/blog/page/10/">5</a> </div> SCRIPT $(‘a.page-numbers’).live( ‘click’, function(e){ e.preventDefault(); $( ‘#loading’ ).show(); var link = $( this ).attr( ‘href’ ); $( ‘#loop’ ).animate({ opacity:0.1 }, 200, function(){ $( this ).load( link + ‘ #loop’,…
Add Woocommerce product featured image using GeneratePress WordPress theme in few steps. You need to access your functions.php. Either on a parent theme or a child theme. In my case I’m using a child theme so gonna paste the codes below on child themes functions.php Please copy the code below and paste it into your…
How to replace Woocommerce placeholder image URL? Just copy the codes below. add_filter( ‘woocommerce_placeholder_img_src’, function( $classes ){ if( !is_product() ) return; // this code is intended to single product only. Remove this for general changes. return get_bloginfo( ‘url’ ) . ‘/wp-content/uploads/2016/03/placeholder.jpg’; } );