From 9906a663265ec96daab2cf36c69faff7b65eafc8 Mon Sep 17 00:00:00 2001
From: moepoi <moepoi@protonmail.com>
Date: Sun, 26 Sep 2021 20:49:54 +0700
Subject: [PATCH] Add lazy load to Bag Page

---
 bag.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/bag.html b/bag.html
index 1355a2c..8bd9edc 100644
--- a/bag.html
+++ b/bag.html
@@ -84,6 +84,7 @@
             }
         }
     </style>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
 </head>
 
 <body class="bg-color">
@@ -125,7 +126,7 @@
                 <div class="card-body">
                     <div class="row">
                         <div class="col-sm-7 col-md-6 col-lg-4">
-                            <img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp" width="180px"
+                            <img alt="placeholder image" class="img-fluid lazyload" src="assets/Product_1.webp" width="180px"
                                  height="180px"/>
                         </div>
                         <div class="col-sm-5 col-md-6 col-lg-8">
@@ -156,7 +157,7 @@
                 <div class="card-body">
                     <div class="row">
                         <div class="col-sm-7 col-md-6 col-lg-4">
-                            <img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp" width="180px"
+                            <img alt="placeholder image" class="img-fluid lazyload" src="assets/Product_1.webp" width="180px"
                                  height="180px"/>
                         </div>
                         <div class="col-sm-5 col-md-6 col-lg-8">
@@ -188,7 +189,7 @@
                 <div class="card-body">
                     <div class="row">
                         <div class="col-sm-7 col-md-6 col-lg-4">
-                            <img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp" width="180px"
+                            <img alt="placeholder image" class="img-fluid lazyload" src="assets/Product_1.webp" width="180px"
                                  height="180px"/>
                         </div>
                         <div class="col-sm-5 col-md-6 col-lg-8">