getVar('product_image_white_borders', 'Magento_Catalog');
$enableLazyLoadingWithoutBorders = (bool)$block->getVar(
'enable_lazy_loading_for_images_without_borders',
'Magento_Catalog'
);
$width = (int)$block->getWidth();
$paddingBottom = $block->getRatio() * 100;
?>
') no-repeat 50% 50%">
getCustomAttributes() as $name => $value): ?>
= $escaper->escapeHtmlAttr($name) ?>="= $escaper->escapeHtmlAttr($value) ?>"
data-original="= $escaper->escapeUrl($block->getImageUrl()) ?>"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAFCAQAAADIpIVQAAAADklEQVR42mNkgAJGIhgAALQABsHyMOcAAAAASUVORK5CYII="
loading="lazy"
width="= $escaper->escapeHtmlAttr($block->getWidth()) ?>"
height="= $escaper->escapeHtmlAttr($block->getHeight()) ?>"
max-width="= $escaper->escapeHtmlAttr($block->getWidth()) ?>"
max-height="= $escaper->escapeHtmlAttr($block->getHeight()) ?>"
alt="= $escaper->escapeHtmlAttr($block->getLabel()) ?>"/>
getProductId()} {
width: {$width}px;
}
.product-image-container-{$block->getProductId()} span.product-image-wrapper {
padding-bottom: {$paddingBottom}%;
}
STYLE;
//In case a script was using "style" attributes of these elements
$script = <<