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