Allow using lazyload attribute

swissup · Nov 7, 2023 · fa9c890 · fa9c890
1 parent 33ce1f0
commit fa9c890
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 0 deletions.
diff --git a/etc/widget.xml b/etc/widget.xml
@@ -32,6 +32,12 @@
             <parameter name="show_image" xsi:type="select" visible="true" required="false" source_model="Magento\Config\Model\Config\Source\Yesno" sort_order="50">
                 <label translate="true">Show images</label>
             </parameter>
+            <parameter name="image_lazyload" xsi:type="select" required="false" visible="true" source_model="Magento\Config\Model\Config\Source\Yesno" sort_order="60">
+                <label translate="true">Use lazyload</label>
+                <depends>
+                    <parameter name="show_image" value="1" />
+                </depends>
+            </parameter>
             <parameter name="image_width" xsi:type="text" required="false" visible="true" sort_order="60">
                 <label translate="true">Image width</label>
                 <depends>

diff --git a/view/adminhtml/ui_component/pagebuilder_easycatalogimg_form.xml b/view/adminhtml/ui_component/pagebuilder_easycatalogimg_form.xml
@@ -170,6 +170,28 @@
                 </select>
             </formElements>
         </field>
+        <field name="image_lazyload" sortOrder="71" formElement="select">
+            <settings>
+                <dataType>text</dataType>
+                <label translate="true">Use lazyload</label>
+            </settings>
+            <formElements>
+                <select>
+                    <settings>
+                        <options>
+                            <option name="0" xsi:type="array">
+                                <item name="value" xsi:type="string">1</item>
+                                <item name="label" xsi:type="string" translate="true">Yes</item>
+                            </option>
+                            <option name="1" xsi:type="array">
+                                <item name="value" xsi:type="string">0</item>
+                                <item name="label" xsi:type="string" translate="true">No</item>
+                            </option>
+                        </options>
+                    </settings>
+                </select>
+            </formElements>
+        </field>
         <field name="image_width" sortOrder="80" formElement="input">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">

diff --git a/view/adminhtml/web/js/content-type/easycatalogimg/mass-converter/widget-directive.js b/view/adminhtml/web/js/content-type/easycatalogimg/mass-converter/widget-directive.js
diff --git a/view/frontend/templates/list.phtml b/view/frontend/templates/list.phtml
@@ -59,6 +59,7 @@
                     <?= $width  ? 'width="' . $width . '"' : '' ?>
                     <?= $height ? 'height="' . $height . '"' : '' ?>
                     <?= $style  ? 'style="' . $style . '"' : '' ?>
+                    <?= $block->getImageLazyload()  ? 'loading="lazy"' : '' ?>
                 /></a>
             <?php endif; ?>