fix(storefront): BCTHEME-16 Cornerstone - loading of thumbnail image …

…delayed on cart page (bigcommerce#1925)
yurytut1993 · Dec 11, 2020 · 63c240b · 63c240b
1 parent 29057a2
commit 63c240b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git 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
@@ -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">