Add lazy load to Product Page

This commit is contained in:
Moe Poi ~ 2021-09-26 20:51:35 +07:00
parent 2c51c04448
commit 205628e89d

View file

@ -249,6 +249,7 @@
}
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
</head>
<body class="bg-color">
@ -285,7 +286,7 @@
<div class="card">
<div class="product">
<img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp" style="width: 400px; height: auto;"/>
<img alt="placeholder image" class="img-fluid lazyload" src="assets/Product_1.webp" style="width: 400px; height: auto;"/>
<div class="description">
<div style="margin-left: 20px;">
<h1 class="titledes">Fashione Shoes White</h1>
@ -323,7 +324,7 @@
<span class="close close-posisition">&times;</span>
<h2 class="title"><b>SUCCESSFULLY ADDED TO BAG</b></h2>
<div class="konten">
<img alt="placeholder image" class="img-fluid" height="200px" src="assets/Product_1.webp"
<img alt="placeholder image" class="img-fluid lazyload" height="200px" src="assets/Product_1.webp"
width="200px">
<div class="bodymodal" style="padding-left: 20px; padding-right: 20px;">
<h3 class="titlemodal">Fashione Shoes White</h3>