Merge pull request #72 from wpgaurav/claude/add-image-srcset-OP5W8

wpgaurav · web-flow · commit bfb362c72a8f · 2026-03-24T21:25:39.000+05:30
Add srcset/sizes attributes to all block images
diff --git a/acf-blocks.php b/acf-blocks.php
@@ -3,7 +3,7 @@
  * Plugin Name: ACF Blocks
  * Plugin URI: https://github.com/wpgaurav/acf-blocks-plugin
  * Description: A collection of ACF Pro blocks for the WordPress block editor with automatic field group registration.
- * Version: 2.4.1
+ * Version: 2.5.0
  * Requires at least: 6.0
  * Requires PHP: 7.4
  * Author: Gaurav Tiwari
@@ -19,7 +19,7 @@
 }
 
 // Plugin constants
-define( 'ACF_BLOCKS_VERSION', '2.4.1' );
+define( 'ACF_BLOCKS_VERSION', '2.5.0' );
 define( 'ACF_BLOCKS_PLUGIN_DIR', plugin_dir_path( __FILE__ ) );
 define( 'ACF_BLOCKS_PLUGIN_URL', plugin_dir_url( __FILE__ ) );
 define( 'ACF_BLOCKS_PLUGIN_FILE', __FILE__ );
diff --git a/blocks/callout/template.php b/blocks/callout/template.php
@@ -28,7 +28,11 @@
 }
 
 // Get ACF fields for styling
-$iconImage = acf_blocks_get_field('callout_iconImage', $block);
+$iconImageRaw = acf_blocks_get_field('callout_iconImage', $block);
+$iconResolved = acf_blocks_resolve_image( $iconImageRaw, '', 'medium' );
+$iconImage = $iconResolved['src'];
+$iconSrcset = $iconResolved['srcset'];
+$iconSizes = $iconResolved['sizes'];
 $labelText = acf_blocks_get_field('callout_label', $block);
 $labelPosition = acf_blocks_get_field('callout_label_position', $block) ?: 'top';
 $bgColor = acf_blocks_get_field('callout_bgColor', $block);
@@ -235,7 +239,7 @@
     <?php endif; ?>
     <?php if (!empty($iconImage) && $labelPosition === 'top') : ?>
         <div class="acf-callout-icon-image">
-            <img src="<?php echo esc_url($iconImage); ?>" alt="" loading="lazy" />
+            <img src="<?php echo esc_url($iconImage); ?>" alt=""<?php if ( $iconSrcset ) : ?> srcset="<?php echo esc_attr($iconSrcset); ?>" sizes="<?php echo esc_attr($iconSizes); ?>"<?php endif; ?> loading="lazy" />
         </div>
     <?php endif; ?>
 
diff --git a/blocks/feature-grid-block/feature-grid-block.php b/blocks/feature-grid-block/feature-grid-block.php
@@ -291,10 +291,22 @@
                 <div class="acf-feature-item">
                     <?php if (!empty($feature['acf_feature_icon']) || !empty($feature['acf_feature_image'])) : ?>
                         <div class="acf-feature-icon-wrapper">
-                            <?php if (!empty($feature['acf_feature_image'])) : ?>
+                            <?php if (!empty($feature['acf_feature_image'])) :
+                                $feat_img = $feature['acf_feature_image'];
+                                $feat_srcset = '';
+                                $feat_sizes = '';
+                                if ( ! empty( $feat_img['ID'] ) ) {
+                                    $feat_srcset_val = wp_get_attachment_image_srcset( (int) $feat_img['ID'], 'medium' );
+                                    if ( $feat_srcset_val ) {
+                                        $feat_srcset = $feat_srcset_val;
+                                        $feat_sizes = wp_get_attachment_image_sizes( (int) $feat_img['ID'], 'medium' ) ?: '';
+                                    }
+                                }
+                            ?>
                                 <div class="acf-feature-image">
-                                    <img src="<?php echo esc_url($feature['acf_feature_image']['url']); ?>"
-                                         alt="<?php echo esc_attr($feature['acf_feature_image']['alt']); ?>"
+                                    <img src="<?php echo esc_url($feat_img['url']); ?>"
+                                         alt="<?php echo esc_attr($feat_img['alt']); ?>"
+                                         <?php if ( $feat_srcset ) : ?>srcset="<?php echo esc_attr($feat_srcset); ?>" sizes="<?php echo esc_attr($feat_sizes); ?>"<?php endif; ?>
                                          loading="lazy" decoding="async" />
                                 </div>
                             <?php elseif (!empty($feature['acf_feature_icon'])) : ?>
diff --git a/blocks/gallery-block/gallery-block.php b/blocks/gallery-block/gallery-block.php
@@ -54,13 +54,13 @@
                        class="acf-gallery-link"
                        data-lightbox="gallery"
                        data-title="<?php echo esc_attr( $image_alt ); ?>">
-                        <img src="<?php echo esc_url( $display_url ); ?>" alt="<?php echo esc_attr( $image_alt ); ?>" loading="<?php echo esc_attr( $loading_attr ); ?>" decoding="async" />
+                        <img src="<?php echo esc_url( $display_url ); ?>" alt="<?php echo esc_attr( $image_alt ); ?>"<?php if ( ! empty( $resolved['srcset'] ) ) : ?> srcset="<?php echo esc_attr( $resolved['srcset'] ); ?>" sizes="<?php echo esc_attr( $resolved['sizes'] ); ?>"<?php endif; ?> loading="<?php echo esc_attr( $loading_attr ); ?>" decoding="async" />
                         <div class="acf-gallery-overlay">
                             <span class="acf-gallery-icon">🔍</span>
                         </div>
                     </a>
                 <?php else : ?>
-                    <img src="<?php echo esc_url( $display_url ); ?>" alt="<?php echo esc_attr( $image_alt ); ?>" loading="<?php echo esc_attr( $loading_attr ); ?>" decoding="async" />
+                    <img src="<?php echo esc_url( $display_url ); ?>" alt="<?php echo esc_attr( $image_alt ); ?>"<?php if ( ! empty( $resolved['srcset'] ) ) : ?> srcset="<?php echo esc_attr( $resolved['srcset'] ); ?>" sizes="<?php echo esc_attr( $resolved['sizes'] ); ?>"<?php endif; ?> loading="<?php echo esc_attr( $loading_attr ); ?>" decoding="async" />
                 <?php endif; ?>
 
                 <?php if ( $image_caption ) : ?>
diff --git a/blocks/hero-block/hero-block.php b/blocks/hero-block/hero-block.php
@@ -18,6 +18,7 @@
 // Determine image source - direct URL takes priority, then resolve uploaded image
 $img_src = '';
 $img_alt = 'Hero image';
+$resolved = [ 'srcset' => '', 'sizes' => '' ];
 if ( $image_url ) {
     $img_src = $image_url;
 } elseif ( $image ) {
@@ -65,7 +66,7 @@
 <div class="acf-hero-block<?php echo $custom_class; ?>"<?php echo $inline_style_attr; ?>>
     <?php if ( $img_src ) : ?>
         <div class="acf-hero-image">
-            <img src="<?php echo esc_url( $img_src ); ?>" alt="<?php echo esc_attr( $img_alt ); ?>" fetchpriority="high" decoding="async" />
+            <img src="<?php echo esc_url( $img_src ); ?>" alt="<?php echo esc_attr( $img_alt ); ?>"<?php if ( ! empty( $resolved['srcset'] ) ) : ?> srcset="<?php echo esc_attr( $resolved['srcset'] ); ?>" sizes="<?php echo esc_attr( $resolved['sizes'] ); ?>"<?php endif; ?> fetchpriority="high" decoding="async" />
         </div>
     <?php endif; ?>
 
diff --git a/blocks/opinion-box/opinion-box.php b/blocks/opinion-box/opinion-box.php
@@ -7,6 +7,7 @@
 // Determine image source - direct URL takes priority
 $img_src = '';
 $img_alt = $name ?: 'Author';
+$resolved = [ 'srcset' => '', 'sizes' => '' ];
 if ( $avatar_url ) {
     $img_src = $avatar_url;
 } elseif ( $avatar ) {
@@ -24,7 +25,7 @@
     <div class="acf-opinion-box-meta">
         <?php if($img_src): ?>
             <div class="acf-opinion-box-avatar">
-                <img src="<?php echo esc_url($img_src); ?>" alt="<?php echo esc_attr($img_alt); ?>" class="acf-opinion-box-avatar-image" loading="lazy" />
+                <img src="<?php echo esc_url($img_src); ?>" alt="<?php echo esc_attr($img_alt); ?>"<?php if ( ! empty( $resolved['srcset'] ) ) : ?> srcset="<?php echo esc_attr( $resolved['srcset'] ); ?>" sizes="<?php echo esc_attr( $resolved['sizes'] ); ?>"<?php endif; ?> class="acf-opinion-box-avatar-image" loading="lazy" />
             </div>
         <?php endif; ?>
 
diff --git a/blocks/pl-block/pl-block.php b/blocks/pl-block/pl-block.php
@@ -31,11 +31,16 @@
 // Resolve image source — direct URL takes priority over uploaded image
 $img_src = '';
 $img_alt = $product_name ?: 'Product';
+$img_srcset = '';
+$img_sizes = '';
 if ($image_url) {
     $img_src = $image_url;
-} elseif ($icon && is_array($icon)) {
-    $img_src = $icon['url'] ?? '';
-    $img_alt = !empty($icon['alt']) ? $icon['alt'] : $img_alt;
+} elseif ($icon) {
+    $resolved_img = acf_blocks_resolve_image( $icon, $img_alt, 'medium' );
+    $img_src = $resolved_img['src'];
+    $img_alt = $resolved_img['alt'];
+    $img_srcset = $resolved_img['srcset'];
+    $img_sizes = $resolved_img['sizes'];
 }
 
 // Block wrapper attributes
@@ -50,7 +55,7 @@
 
         <?php if ($img_src) : ?>
             <div class="acf-pl-block__icon">
-                <img src="<?php echo esc_url($img_src); ?>" alt="<?php echo esc_attr($img_alt); ?>" loading="lazy" decoding="async" style="width:<?php echo esc_attr($width_style); ?>;height:auto;" />
+                <img src="<?php echo esc_url($img_src); ?>" alt="<?php echo esc_attr($img_alt); ?>"<?php if ( $img_srcset ) : ?> srcset="<?php echo esc_attr($img_srcset); ?>" sizes="<?php echo esc_attr($img_sizes); ?>"<?php endif; ?> loading="lazy" decoding="async" style="width:<?php echo esc_attr($width_style); ?>;height:auto;" />
             </div>
         <?php endif; ?>
 
diff --git a/blocks/product-box/extra.php b/blocks/product-box/extra.php
@@ -35,7 +35,7 @@ function acf_product_box_register_image_size() {
  * @return array{src: string, alt: string}
  */
 function acf_product_box_resolve_image( $image, $image_url, $alt = 'Product image', $size = 'product-box-image' ) {
-    $result = [ 'src' => '', 'alt' => $alt ];
+    $result = [ 'src' => '', 'alt' => $alt, 'srcset' => '', 'sizes' => '' ];
 
     // Case 1: Direct URL provided
     if ( $image_url ) {
@@ -62,6 +62,7 @@ function acf_product_box_resolve_image( $image, $image_url, $alt = 'Product imag
                 if ( $img_alt ) {
                     $result['alt'] = $img_alt;
                 }
+                $result = acf_blocks_attach_srcset( $result, $attachment_id, $size );
             }
         }
         // External URL: use as-is (no size manipulation)
@@ -100,6 +101,7 @@ function acf_product_box_resolve_image( $image, $image_url, $alt = 'Product imag
                 }
             }
         }
+        $result = acf_blocks_attach_srcset( $result, $attachment_id, $size );
         return $result;
     }
 
diff --git a/blocks/product-box/product-box.php b/blocks/product-box/product-box.php
@@ -44,6 +44,8 @@
 $resolved_image = acf_product_box_resolve_image( $image, $image_url, $title ?: 'Product image', $image_size );
 $img_src = $resolved_image['src'];
 $img_alt = $resolved_image['alt'];
+$img_srcset = $resolved_image['srcset'] ?? '';
+$img_sizes = $resolved_image['sizes'] ?? '';
 
 // Fallback to no-image layout when no image is available
 if ( ! $img_src && ! $is_no_image ) {
@@ -69,14 +71,14 @@
 
     <?php if ($is_top_image && $img_src) : ?>
         <div class="acf-product-box__hero-image">
-            <img src="<?php echo esc_url($img_src); ?>" alt="<?php echo esc_attr($img_alt); ?>" loading="lazy" decoding="async" />
+            <img src="<?php echo esc_url($img_src); ?>" alt="<?php echo esc_attr($img_alt); ?>"<?php if ( $img_srcset ) : ?> srcset="<?php echo esc_attr($img_srcset); ?>" sizes="<?php echo esc_attr($img_sizes); ?>"<?php endif; ?> loading="lazy" decoding="async" />
         </div>
     <?php endif; ?>
 
     <div class="acf-product-box__layout">
         <?php if (!$is_no_image && !$is_top_image && $img_src) : ?>
             <div class="acf-product-box__image">
-                <img src="<?php echo esc_url($img_src); ?>" alt="<?php echo esc_attr($img_alt); ?>" loading="lazy" decoding="async" />
+                <img src="<?php echo esc_url($img_src); ?>" alt="<?php echo esc_attr($img_alt); ?>"<?php if ( $img_srcset ) : ?> srcset="<?php echo esc_attr($img_srcset); ?>" sizes="<?php echo esc_attr($img_sizes); ?>"<?php endif; ?> loading="lazy" decoding="async" />
             </div>
         <?php endif; ?>
 
diff --git a/blocks/product-cards/product-cards.php b/blocks/product-cards/product-cards.php
@@ -15,7 +15,11 @@
 $title_bg_color = acf_blocks_get_field('pc_block_title_bg_color', $block) ?: '#007bff';
 $title_tag_raw = acf_blocks_get_field('pc_block_title_tag', $block);
 $title_tag = in_array($title_tag_raw, ['p', 'h2', 'h3', 'h4', 'h5', 'h6'], true) ? $title_tag_raw : 'p';
-$image = acf_blocks_get_field('pc_block_product_image', $block);
+$image_raw = acf_blocks_get_field('pc_block_product_image', $block);
+$resolved_img = acf_blocks_resolve_image( $image_raw, $title ?: 'Product', 'medium' );
+$image = $resolved_img['src'];
+$image_srcset = $resolved_img['srcset'];
+$image_sizes = $resolved_img['sizes'];
 $description = acf_blocks_get_field('pc_block_description', $block);
 $root_class = acf_blocks_get_field('pc_block_root_class', $block);
 $button_text = acf_blocks_get_field('pc_block_button_text', $block);
@@ -40,7 +44,7 @@
     </div>
     <?php if ($image): ?>
         <div class="acf-product-cards__image">
-            <img src="<?php echo esc_url($image); ?>" alt="<?php echo esc_attr($title); ?>" loading="lazy" decoding="async" />
+            <img src="<?php echo esc_url($image); ?>" alt="<?php echo esc_attr($title); ?>"<?php if ( $image_srcset ) : ?> srcset="<?php echo esc_attr($image_srcset); ?>" sizes="<?php echo esc_attr($image_sizes); ?>"<?php endif; ?> loading="lazy" decoding="async" />
         </div>
     <?php endif; ?>
     <div class="acf-product-cards__content">
diff --git a/blocks/product-review/product-review.php b/blocks/product-review/product-review.php
@@ -90,10 +90,15 @@ function acf_render_star_svg($rating, $size = 20) {
 
 // Determine image URL - direct URL takes priority
 $image_url = '';
+$image_srcset = '';
+$image_sizes = '';
 if ( $image_direct_url ) {
     $image_url = $image_direct_url;
 } elseif ( $image_id ) {
-    $image_url = wp_get_attachment_image_url($image_id, 'full');
+    $resolved_img = acf_blocks_resolve_image( $image_id, $product_name ?: 'Product', 'full' );
+    $image_url = $resolved_img['src'];
+    $image_srcset = $resolved_img['srcset'];
+    $image_sizes = $resolved_img['sizes'];
 }
 ?>
 
@@ -103,7 +108,7 @@ function acf_render_star_svg($rating, $size = 20) {
     <?php endif; ?>
 
     <?php if ($image_url) : ?>
-        <img class="acf-product-review-image" src="<?php echo esc_url($image_url); ?>" alt="<?php echo esc_attr($product_name); ?>" loading="lazy" decoding="async" />
+        <img class="acf-product-review-image" src="<?php echo esc_url($image_url); ?>" alt="<?php echo esc_attr($product_name); ?>"<?php if ( $image_srcset ) : ?> srcset="<?php echo esc_attr($image_srcset); ?>" sizes="<?php echo esc_attr($image_sizes); ?>"<?php endif; ?> loading="lazy" decoding="async" />
     <?php endif; ?>
 
     <?php if ($overall_rating) : ?>
diff --git a/blocks/team-member-block/team-member-block.php b/blocks/team-member-block/team-member-block.php
@@ -21,6 +21,7 @@
 // Determine image source - direct URL takes priority
 $img_src = '';
 $img_alt = 'Team member';
+$resolved = [ 'srcset' => '', 'sizes' => '' ];
 if ( $photo_url ) {
     $img_src = $photo_url;
 } elseif ( $photo ) {
@@ -51,7 +52,7 @@
 <div class="acf-team-member-block<?php echo $custom_class; ?>"<?php echo $inline_style_attr; ?>>
     <?php if ( $img_src ) : ?>
         <div class="acf-team-member-photo">
-            <img src="<?php echo esc_url( $img_src ); ?>" alt="<?php echo esc_attr( $img_alt ); ?>" loading="lazy" decoding="async" />
+            <img src="<?php echo esc_url( $img_src ); ?>" alt="<?php echo esc_attr( $img_alt ); ?>"<?php if ( ! empty( $resolved['srcset'] ) ) : ?> srcset="<?php echo esc_attr( $resolved['srcset'] ); ?>" sizes="<?php echo esc_attr( $resolved['sizes'] ); ?>"<?php endif; ?> loading="lazy" decoding="async" />
         </div>
     <?php endif; ?>
 
diff --git a/blocks/testimonial-block/testimonial-block.php b/blocks/testimonial-block/testimonial-block.php
@@ -21,6 +21,7 @@
 // Determine image source - direct URL takes priority
 $img_src = '';
 $img_alt = $author_name ?: 'Author';
+$resolved = [ 'srcset' => '', 'sizes' => '' ];
 if ( $author_image_url ) {
     $img_src = $author_image_url;
 } elseif ( $author_image ) {
@@ -59,7 +60,7 @@
     <div class="acf-testimonial-author">
         <?php if ( $img_src ) : ?>
             <div class="acf-testimonial-author-image">
-                <img src="<?php echo esc_url( $img_src ); ?>" alt="<?php echo esc_attr( $img_alt ); ?>" loading="lazy" decoding="async" />
+                <img src="<?php echo esc_url( $img_src ); ?>" alt="<?php echo esc_attr( $img_alt ); ?>"<?php if ( ! empty( $resolved['srcset'] ) ) : ?> srcset="<?php echo esc_attr( $resolved['srcset'] ); ?>" sizes="<?php echo esc_attr( $resolved['sizes'] ); ?>"<?php endif; ?> loading="lazy" decoding="async" />
             </div>
         <?php endif; ?>
 
diff --git a/blocks/url-preview/url-preview.php b/blocks/url-preview/url-preview.php
@@ -36,11 +36,15 @@
 
 // Determine image URL
 $image_url = '';
+$image_srcset = '';
+$image_sizes = '';
 if ( 'local' === $image_source && $local_image ) {
     // For horizontal layout, default to thumbnail size for minimal display
     $size_to_use = ( 'horizontal' === $card_layout ) ? 'thumbnail' : $local_image_size;
     $resolved = acf_blocks_resolve_image( $local_image, '', $size_to_use );
     $image_url = $resolved['src'];
+    $image_srcset = $resolved['srcset'];
+    $image_sizes = $resolved['sizes'];
 
     if ( empty( $image_alt ) && ! empty( $resolved['alt'] ) ) {
         $image_alt = $resolved['alt'];
@@ -123,6 +127,7 @@
         <img
             src="<?php echo esc_url( $image_url ); ?>"
             alt="<?php echo esc_attr( $image_alt ?: $title ); ?>"
+            <?php if ( ! empty( $image_srcset ) ) : ?>srcset="<?php echo esc_attr( $image_srcset ); ?>" sizes="<?php echo esc_attr( $image_sizes ); ?>"<?php endif; ?>
             loading="lazy"
             decoding="async"
         />
diff --git a/includes/compat.php b/includes/compat.php
@@ -199,7 +199,7 @@ function acf_blocks_cast_field_value( $value, $type ) {
  * @return array{src: string, alt: string}
  */
 function acf_blocks_resolve_image( $image, $fallback_alt = '', $size = 'medium' ) {
-    $result = [ 'src' => '', 'alt' => $fallback_alt ];
+    $result = [ 'src' => '', 'alt' => $fallback_alt, 'srcset' => '', 'sizes' => '' ];
 
     if ( empty( $image ) ) {
         return $result;
@@ -211,15 +211,20 @@ function acf_blocks_resolve_image( $image, $fallback_alt = '', $size = 'medium'
         if ( ! empty( $image['alt'] ) ) {
             $result['alt'] = $image['alt'];
         }
+        $attachment_id = ! empty( $image['ID'] ) ? (int) $image['ID'] : 0;
         // Try requested size if available
         if ( ! empty( $image['sizes'][ $size ] ) ) {
             $result['src'] = $image['sizes'][ $size ];
-        } elseif ( ! empty( $image['ID'] ) ) {
-            $sized = wp_get_attachment_image_src( (int) $image['ID'], $size );
+        } elseif ( $attachment_id ) {
+            $sized = wp_get_attachment_image_src( $attachment_id, $size );
             if ( $sized ) {
                 $result['src'] = $sized[0];
             }
         }
+        // Generate srcset/sizes from attachment ID
+        if ( $attachment_id ) {
+            $result = acf_blocks_attach_srcset( $result, $attachment_id, $size );
+        }
         return $result;
     }
 
@@ -239,6 +244,8 @@ function acf_blocks_resolve_image( $image, $fallback_alt = '', $size = 'medium'
         if ( $img_alt ) {
             $result['alt'] = $img_alt;
         }
+        // Generate srcset/sizes from attachment ID
+        $result = acf_blocks_attach_srcset( $result, $attachment_id, $size );
         return $result;
     }
 
@@ -251,6 +258,34 @@ function acf_blocks_resolve_image( $image, $fallback_alt = '', $size = 'medium'
     return $result;
 }
 
+/**
+ * Attach srcset and sizes attributes to an image result array.
+ *
+ * Uses WordPress core functions to generate responsive image attributes
+ * from an attachment ID and requested size.
+ *
+ * @param array  $result        Image result array with 'src', 'alt' keys.
+ * @param int    $attachment_id WordPress attachment ID.
+ * @param string $size          WordPress image size name.
+ * @return array Modified result with 'srcset' and 'sizes' populated.
+ */
+function acf_blocks_attach_srcset( $result, $attachment_id, $size ) {
+    if ( $attachment_id < 1 ) {
+        return $result;
+    }
+
+    $srcset = wp_get_attachment_image_srcset( $attachment_id, $size );
+    if ( $srcset ) {
+        $result['srcset'] = $srcset;
+        $sizes = wp_get_attachment_image_sizes( $attachment_id, $size );
+        if ( $sizes ) {
+            $result['sizes'] = $sizes;
+        }
+    }
+
+    return $result;
+}
+
 /**
  * Get a nested repeater from flat block data.
  *

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@ function acf_product_box_register_image_size() {`
`35`	`35`	`* @return array{src: string, alt: string}`
`36`	`36`	`*/`
`37`	`37`	`function acf_product_box_resolve_image( $image, $image_url, $alt = 'Product image', $size = 'product-box-image' ) {`
`38`		`- $result = [ 'src' => '', 'alt' => $alt ];`
	`38`	`+ $result = [ 'src' => '', 'alt' => $alt, 'srcset' => '', 'sizes' => '' ];`
`39`	`39`
`40`	`40`	`// Case 1: Direct URL provided`
`41`	`41`	`if ( $image_url ) {`
`@@ -62,6 +62,7 @@ function acf_product_box_resolve_image( $image, $image_url, $alt = 'Product imag`
`62`	`62`	`if ( $img_alt ) {`
`63`	`63`	`$result['alt'] = $img_alt;`
`64`	`64`	`}`
	`65`	`+ $result = acf_blocks_attach_srcset( $result, $attachment_id, $size );`
`65`	`66`	`}`
`66`	`67`	`}`
`67`	`68`	`// External URL: use as-is (no size manipulation)`
`@@ -100,6 +101,7 @@ function acf_product_box_resolve_image( $image, $image_url, $alt = 'Product imag`
`100`	`101`	`}`
`101`	`102`	`}`
`102`	`103`	`}`
	`104`	`+ $result = acf_blocks_attach_srcset( $result, $attachment_id, $size );`
`103`	`105`	`return $result;`
`104`	`106`	`}`
`105`	`107`