From 63c240be3d1158160c508a6438667bc24d5425fb Mon Sep 17 00:00:00 2001
From: Yurii Zusik <yurii.zusik@bigcommerce.com>
Date: Thu, 10 Dec 2020 18:32:15 +0200
Subject: [PATCH] fix(storefront): BCTHEME-16 Cornerstone - loading of
 thumbnail image delayed on cart page (#1925)

---
 CHANGELOG.md                           |  1 +
 templates/components/cart/content.html | 16 ++++++++++------
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6e8ef6eb2f..c6c10c99ad 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 # Changelog
 
 ## Draft
+- Cornerstone - loading of thumbnail image delayed on cart page . [#1925](https://github.com/bigcommerce/cornerstone/pull/1925)
 - Parse HTML entities in jsContext. [#1917](https://github.com/bigcommerce/cornerstone/pull/1917)
 - Product images squashed in Category view in AMP. [#1921](https://github.com/bigcommerce/cornerstone/pull/1921)
 - Fixed misaligned tooltip for required product option. [#1915](https://github.com/bigcommerce/cornerstone/pull/1915)
diff --git a/templates/components/cart/content.html b/templates/components/cart/content.html
index bc390c2420..b1e0d7ea3a 100644
--- a/templates/components/cart/content.html
+++ b/templates/components/cart/content.html
@@ -19,13 +19,17 @@
                             title="{{lang 'cart.gift_certificate'}}"
                         >
                     {{else}}
-                        {{> components/common/responsive-img
-                            image=image
+                        <img
+                            {{#if image}}
+                                src="{{getImageSrcset image 1x=(default fallback_size ../theme_settings.productthumb_size)}}" 
+                                srcset="{{getImageSrcset image 1x=(default fallback_size ../theme_settings.productthumb_size) 2x=(default fallback_size '200x200')}}"
+                                title="{{image.alt}}"
+                                alt="{{image.alt}}"
+                            {{else if ../theme_settings.default_image_product}}
+                                src="{{cdn ../theme_settings.default_image_product}}"
+                            {{/if}}
                             class="cart-item-image"
-                            fallback_size=../theme_settings.productthumb_size
-                            lazyload='disabled'
-                            default_image=../theme_settings.default_image_product
-                        }}
+                        />
                     {{/if}}
                 </td>
                 <td class="cart-item-block cart-item-title">