tag and adds lazy loading attributes. Used for avatar images.
// **********************************************************************//
if ( ! function_exists( 'woodmart_lazy_avatar_image' ) ) {
function woodmart_lazy_avatar_image( $html ) {
if ( preg_match( "/src=['\"]data:image/is", $html ) ) return $html;
$uploaded = woodmart_get_opt( 'lazy_custom_placeholder' );
if ( isset( $uploaded['url'] ) && $uploaded['url'] ) {
$lazy_image = $uploaded['url'];
} else {
$lazy_image = woodmart_lazy_get_default_preview();
}
woodmart_enqueue_js_script( 'lazy-loading' );
return woodmart_lazy_replace_image( $html, $lazy_image );
}
}
// **********************************************************************//
// Filters HTML ![]()
tag and adds lazy loading attributes. Used for product categories images for example.
// **********************************************************************//
if( ! function_exists( 'woodmart_lazy_attachment_replace' ) ) {
function woodmart_lazy_attachment_replace( $imgHTML, $attach_id, $size ) {
if ( preg_match( "/src=['\"]data:image/is", $imgHTML ) ) return $imgHTML;
if( $attach_id ) {
$lazy_image = woodmart_get_attachment_placeholder( $attach_id, $size );
} else {
$lazy_image = woodmart_lazy_get_default_preview();
}
woodmart_enqueue_js_script( 'lazy-loading' );
return woodmart_lazy_replace_image( $imgHTML, $lazy_image );
}
}
// **********************************************************************//
// Filters HTML ![]()
tag and adds lazy loading attributes. Used for instagram images.
// **********************************************************************//
if( ! function_exists( 'woodmart_lazy_image_standard' ) ) {
function woodmart_lazy_image_standard( $html ) {
if ( preg_match( "/src=['\"]data:image/is", $html ) ) return $html;
$lazy_image = woodmart_lazy_get_default_preview();
woodmart_enqueue_js_script( 'lazy-loading' );
return woodmart_lazy_replace_image( $html, $lazy_image );
}
}
// **********************************************************************//
// Get default preview image.
// **********************************************************************//
if( ! function_exists( 'woodmart_lazy_get_default_preview' ) ) {
function woodmart_lazy_get_default_preview() {
return WOODMART_IMAGES . '/lazy.png';
}
}
// **********************************************************************//
// Filters WPBakery generated image. Needs an HTML, its ID, and params with image size.
// **********************************************************************//
if( ! function_exists( 'woodmart_lazy_image' ) ) {
function woodmart_lazy_image( $img, $attach_id, $params ) {
$thumb_size = woodmart_get_image_size( $params['thumb_size'] );
$imgHTML = $img['thumbnail'];
if ( preg_match( "/src=['\"]data:image|wd-lazy-load/is", $imgHTML ) ) return $img;
$lazy_image = woodmart_get_attachment_placeholder( $attach_id, $thumb_size );
$img['thumbnail'] = woodmart_lazy_replace_image( $imgHTML, $lazy_image );
woodmart_enqueue_js_script( 'lazy-loading' );
return $img;
}
}
// **********************************************************************//
// Filters ![]()
tag passed as an argument.
// **********************************************************************//
if( ! function_exists( 'woodmart_lazy_replace_image' ) ) {
function woodmart_lazy_replace_image( $html, $src ) {
$class = woodmart_lazy_css_class();
$new = preg_replace( '/ID, $size );
}
$attr['srcset'] = '';
$attr['class'] = $attr['class'] . ' ' . woodmart_lazy_css_class();
woodmart_enqueue_js_script( 'lazy-loading' );
return $attr;
}
}
// **********************************************************************//
// Get lazy loading image CSS class
// **********************************************************************//
if( ! function_exists( 'woodmart_lazy_css_class' ) ) {
function woodmart_lazy_css_class() {
$class = 'wd-lazy-load';
$class .= woodmart_get_old_classes( ' woodmart-lazy-load' );
$class .= ' wd-lazy-' . woodmart_get_opt( 'lazy_effect' );
return $class;
}
}
// **********************************************************************//
// Get placeholder image. Needs ID to genereate a blurred preview and size.
// **********************************************************************//
if( ! function_exists( 'woodmart_get_attachment_placeholder' ) ) {
function woodmart_get_attachment_placeholder( $id, $size ) {
// Get size from array
if( is_array( $size) ) {
$width = $size[0];
$height = $size[1];
} else {
// Take it from the original image
$image = wp_get_attachment_image_src($id, $size);
$width = $image[1];
$height = $image[2];
}
$placeholder_size = woodmart_get_placeholder_size( $width, $height );
$uploaded = woodmart_get_opt('lazy_custom_placeholder');
if( woodmart_get_opt( 'lazy_generate_previews' ) && function_exists( 'vc_get_image_by_size' ) ) {
$img = vc_get_image_by_size( $id, $placeholder_size );
} else if( ! empty( $uploaded ) && is_array( $uploaded ) && ! empty( $uploaded['url'] ) && ! empty( $uploaded['id'] ) ) {
$img = $uploaded['url'];
if( woodmart_get_opt( 'lazy_proprtion_size' ) && function_exists( 'vc_get_image_by_size' ) ) {
$img = vc_get_image_by_size( $uploaded['id'], $width . 'x' . $height );
}
} else {
return woodmart_lazy_get_default_preview();
}
if( woodmart_get_opt( 'lazy_base_64' ) ) $img = woodmart_encode_image($id, $img);
return $img;
}
}
// **********************************************************************//
// Encode small preview image to BASE 64
// **********************************************************************//
if( ! function_exists( 'woodmart_encode_image' ) ) {
function woodmart_encode_image( $id, $url ) {
if( ! wp_attachment_is_image( $id ) || preg_match('/^data\:image/', $url ) ) return $url;
$meta_key = '_base64_image.' . md5($url);
$img_url = get_post_meta( $id, $meta_key, true );
if( $img_url ) return $img_url;
$image_path = preg_replace('/^.*?wp-content\/uploads\//i', '', $url);
if( ( $uploads = wp_get_upload_dir() ) && ( false === $uploads['error'] ) && ( 0 !== strpos( $image_path, $uploads['basedir'] ) ) ) {
if( false !== strpos( $image_path, 'wp-content/uploads' ) )
$image_path = trailingslashit( $uploads['basedir'] . '/' . _wp_get_attachment_relative_path( $image_path ) ) . basename( $image_path );
else
$image_path = $uploads['basedir'] . '/' . $image_path;
}
$max_size = 150 * 1024; // MB
if( file_exists( $image_path ) && ( ! $max_size || ( filesize( $image_path ) <= $max_size ) ) ) {
$filetype = wp_check_filetype( $image_path );
// Read image path, convert to base64 encoding
if ( function_exists( 'woodmart_compress' ) && function_exists( 'woodmart_get_file' ) ) {
$imageData = woodmart_compress( woodmart_get_file( $image_path ) );
} else {
$imageData = '';
}
// Format the image SRC: data:{mime};base64,{data};
$img_url = 'data:image/' . $filetype['ext'] . ';base64,' . $imageData;
update_post_meta( $id, $meta_key, $img_url );
return $img_url;
}
return $url;
}
}
// **********************************************************************//
// Generate placeholder preview small size.
// **********************************************************************//
if( ! function_exists( 'woodmart_get_placeholder_size' ) ) {
function woodmart_get_placeholder_size( $x0, $y0 ) {
$x = $y = 10;
if( $x0 < $y0) {
$y = ($x * $y0) / $x0;
}
if( $x0 > $y0) {
$x = ($y * $x0) / $y0;
}
$x = ceil( $x );
$y = ceil( $y );
return (int) $x . 'x' . (int) $y;
}
}
/*===== End of Lazy loading functions ======*/