Testing fetch priority

TrellisCommerce · Sep 18, 2024 · 8f3e5d7 · 8f3e5d7
1 parent 7cead61
commit 8f3e5d7
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 19 deletions.
diff --git a/assets/details-disclosure.js b/assets/details-disclosure.js
@@ -42,27 +42,27 @@ class HeaderMenu extends DetailsDisclosure {
   constructor() {
     super();
     this.header = document.querySelector('.header-wrapper');
-    this.megaMenu = document.querySelector('.mega-menu');
+    // this.megaMenu = document.querySelector('.mega-menu');
   }
 
   onToggle() {
-    if (this.megaMenu) {
-      var parentLinks = document.querySelectorAll('details.mega-menu');
-      parentLinks.forEach(function (parentLink) {
-        loadImages(parentLink);
-      });
-      function loadImages(menuItem) {
-        var images = menuItem.querySelectorAll('.custom-lazyload');
-        if (!images.length) return;
-        images.forEach(function (image) {
-          if (image.dataset.src) {
-            image.src = image.dataset.src;
-            image.removeAttribute('data-src');
-            image.classList.remove('custom-lazyload');
-          }
-        });
-      }
-    }
+    // if (this.megaMenu) {
+    //   var parentLinks = document.querySelectorAll('details.mega-menu');
+    //   parentLinks.forEach(function (parentLink) {
+    //     loadImages(parentLink);
+    //   });
+    //   function loadImages(menuItem) {
+    //     var images = menuItem.querySelectorAll('.custom-lazyload');
+    //     if (!images.length) return;
+    //     images.forEach(function (image) {
+    //       if (image.dataset.src) {
+    //         image.src = image.dataset.src;
+    //         image.removeAttribute('data-src');
+    //         image.classList.remove('custom-lazyload');
+    //       }
+    //     });
+    //   }
+    // }
 
     if (!this.header) return;
     this.header.preventHide = this.mainDetailsToggle.open;

diff --git a/snippets/header-mega-menu.liquid b/snippets/header-mega-menu.liquid
@@ -96,7 +96,8 @@
                               <img
                                 width='160'
                                 height='160'
-                                class='twcss-aspect-square twcss-object-cover custom-lazyload'
+                                class='twcss-aspect-square twcss-object-cover'
+                                fetchpriority='low'
                                 data-src='{{ block.settings.promotional_image | image_url }}'
                                 alt='{{ block.settings.promotional_image.alt | escape }}'
                               >