Remove lazy from image in variation gallery

Anonymous
php
04/27/2026 11:47 AM
3.7 KB
22
Indexable
add_filter( 'woo_variation_gallery_image_inner_html', function( $inner_html, $image, $template, $attachment_id ){
	$template = '<div class="wvg-single-gallery-image-container"><img width="%d" height="%d" src="%s" class="%s" alt="%s" title="%s" data-caption="%s" data-src="%s" data-large_image="%s" data-large_image_width="%d" data-large_image_height="%d" srcset="%s" sizes="%s" %s /></div>';

	$inner_html = sprintf( $template,
				esc_attr( $image['src_w'] ),
				esc_attr( $image['src_h'] ),
				esc_url( $image['src'] ),
				esc_attr( $image['class'] ),
				esc_attr( $image['alt'] ),
				esc_attr( $image['title'] ),
				esc_attr( $image['caption'] ),
				esc_url( $image['full_src'] ),
				esc_url( $image['full_src'] ),
				esc_attr( $image['full_src_w'] ),
				esc_attr( $image['full_src_h'] ),
				esc_attr( $image['srcset'] ),
				esc_attr( $image['sizes'] ),
				$image['extra_params'] );

	return $inner_html;
}, 10, 4);

add_action( 'woo_variation_gallery_frontend_loaded', function( $wvg_frontend ){
	remove_action( 'wp_footer', array( $wvg_frontend, 'slider_template_js' ) );
	add_action( 'wp_footer', function(){
		?>
		<script type="text/html" id="tmpl-woo-variation-gallery-slider-template">
			<?php ob_start() ?>
			<div class="wvg-gallery-image">
				<div>
					<# if( data.srcset ){ #>
					<div class="wvg-single-gallery-image-container">
						<img class="{{data.class}}" width="{{data.src_w}}" height="{{data.src_h}}" src="{{data.src}}" alt="{{data.alt}}" title="{{data.title}}" data-caption="{{data.caption}}" data-src="{{data.full_src}}" data-large_image="{{data.full_src}}" data-large_image_width="{{data.full_src_w}}" data-large_image_height="{{data.full_src_h}}" srcset="{{data.srcset}}" sizes="{{data.sizes}}" {{data.extra_params}}/>
					</div>
					<# } #>

					<# if( !data.srcset ){ #>
					<div class="wvg-single-gallery-image-container">
						<img class="{{data.class}}" width="{{data.src_w}}" height="{{data.src_h}}" src="{{data.src}}" alt="{{data.alt}}" title="{{data.title}}" data-caption="{{data.caption}}" data-src="{{data.full_src}}" data-large_image="{{data.full_src}}" data-large_image_width="{{data.full_src_w}}" data-large_image_height="{{data.full_src_h}}" sizes="{{data.sizes}}" {{data.extra_params}}/>
					</div>
					<# } #>
				</div>
			</div>
			<?php echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', ob_get_clean(), 0 ); ?>
		</script>

		<script type="text/html" id="tmpl-woo-variation-gallery-thumbnail-template">
			<div class="wvg-gallery-thumbnail-image">
				<div>
					<img class="{{data.gallery_thumbnail_class}}" width="{{data.gallery_thumbnail_src_w}}" height="{{data.gallery_thumbnail_src_h}}" src="{{data.gallery_thumbnail_src}}" alt="{{data.alt}}" title="{{data.title}}" />
				</div>
			</div>
		</script>
		<?php
	} );
} );
Editor is loading...
Leave a Comment