code added
此提交包含在：
+145
-141
@@ -5,14 +5,22 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">
|
||||
|
||||
<link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="./dist/css/main.css" />
|
||||
<link rel="stylesheet" href="./styles/style.css">
|
||||
<link rel="stylesheet" href="./libs/Owlcarousel/Css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="./libs/Owlcarousel/Css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="./dist/css/pages/productdetails.css">
|
||||
<link rel="stylesheet" href="dist/css/pages/productdetails.css">
|
||||
|
||||
<link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="./dist/css/main.css" />
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
<link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">
|
||||
<!-- <link rel="stylesheet" href="./dist/css/font_icon.min.css"> -->
|
||||
|
||||
<link rel="stylesheet" href="./libs/toaster/toastr.css" />
|
||||
|
||||
<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
|
||||
@@ -29,7 +37,9 @@
|
||||
<link rel="stylesheet" href="./dist/css/style.css">
|
||||
<link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
|
||||
<link rel="stylesheet" href="./dist/css/fontawesome.min.css">
|
||||
<title>Products | Anwi</title>
|
||||
<link rel="stylesheet" href="./dist/toaster/toastr.css" />
|
||||
|
||||
<title>Anwi</title>
|
||||
|
||||
</head>
|
||||
|
||||
@@ -38,22 +48,16 @@
|
||||
<div id="navbar-head"></div>
|
||||
<!-- end-navbar -->
|
||||
<!-- main-body -->
|
||||
|
||||
<main class="main-body home-main-container" >
|
||||
<section class="services h-100 pt-3 bg-gradient-anwi">
|
||||
<div class="container pt-5 ">
|
||||
<div class="text-center text-white ">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<main class="main-body home-main-container" style="margin-top: 30px;">
|
||||
<div class="container mainContanierProduct">
|
||||
<div class="row">
|
||||
<div class="col-xl-7 ">
|
||||
<div class=" bgproductDGen border-0 ">
|
||||
<div class=" bgproductDGen border-0 ">
|
||||
<div class="row">
|
||||
<div class="d-none col-xl-2">
|
||||
<div class=" d-flex flex-column gap-2 p-2">
|
||||
<div class="product-item-gallery active-gallery-img">
|
||||
<div class="d-none">
|
||||
<!-- <div class="d-none d-xl-flex flex-column col-xl-2"> -->
|
||||
<div class=" d-flex flex-column gap-2 p-2 d-none">
|
||||
<!-- <div class="product-item-gallery active-gallery-img">
|
||||
<img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt=""
|
||||
class="w-100 h-100">
|
||||
</div>
|
||||
@@ -72,13 +76,14 @@
|
||||
<div class="product-item-gallery ">
|
||||
<img src="https://www.pngall.com/wp-content/uploads/5/RAM-PNG.png" alt=""
|
||||
class="w-100 h-100">
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-10" type="button" data-toggle="modal" data-target="#exampleModal">
|
||||
<div class="col-xl-12" type="button" data-toggle="modal" data-target="#exampleModal">
|
||||
<div
|
||||
class=" productDetailsShadow productDetailsMain card border-0 box-shodow d-flex justify-content-center align-items-center">
|
||||
<img src="#" alt="" class="card-img img-fluid">
|
||||
<img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt=""
|
||||
class="card-img img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -89,33 +94,30 @@
|
||||
<div class="card border-0">
|
||||
<div>
|
||||
<div>
|
||||
<h5 class="productname" style="font-size:1.5rem">ORA3, M.2 NVMe SSD </h5>
|
||||
<input type="hidden" name="" id="skudetailitem">
|
||||
<h5 class="productname">ORA3, M.2 NVMe SSD </h5>
|
||||
</div>
|
||||
<div class="small-font product_desc d-none">Elevate your laptop's capabilities with DDR5
|
||||
Laptop Memory, featuring 4800 MHz speed
|
||||
in 8, 16, and 32 GB capacities. Benefit from
|
||||
unparalleled thermal performance, extended
|
||||
component lifespan, and consistently fast
|
||||
speeds thanks to our cutting-edge graphene
|
||||
sticker technology.</div>
|
||||
<div class="py-2">₹ <span class="price" style="font-size:1.5rem;font-weight:600">
|
||||
3000</span></div>
|
||||
<div class="small-font">Improve your system's responsiveness, run apps faster and multitask
|
||||
with ease. Compatibility assurance when using the Crucial System Scanner or Crucial
|
||||
Advisor Tool</div>
|
||||
<div>₹<span class="price">3000</span></div>
|
||||
<div class="text-danger msgErrorDetailsItem d-none">Product out of stock</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="d-none">
|
||||
<!-- <div class="d-none">
|
||||
<h5 class="my-3 smallHeadingProductDetails ">Processor And Graphics
|
||||
</h5>
|
||||
<div class="d-flex gap-2">
|
||||
<div class="specsmallcard borderselector card small-font p-3">
|
||||
<div class="specsmallcard borderselector card small-font p-3">
|
||||
Intel® Core i5-9400F
|
||||
</div>
|
||||
<div class="specsmallcard card small-font p-3">
|
||||
Intel® Core i5-9400F
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="pb-2 d-none">
|
||||
<h5 class="pt-2 smallHeadingProductDetails">Colors</h5>
|
||||
<!-- <div class="d-flex gap-2 colors-display-container">
|
||||
@@ -136,29 +138,31 @@
|
||||
<div id="spec-container-details">
|
||||
|
||||
</div>
|
||||
<div class="pb-2 memory-parent">
|
||||
|
||||
|
||||
<!-- <div class="pb-2 memory-parent d-none">
|
||||
<h5 class="py-2 smallHeadingProductDetails">Memory</h5>
|
||||
<div class="d-flex gap-2 memorycontainer">
|
||||
<div data-type="memory-desktop" data-device="Desktop"
|
||||
<div data-type="memory-desktop"
|
||||
class="specsmallcard borderselector card small-font p-3">
|
||||
Desktop
|
||||
</div>
|
||||
<div data-type="memory-laptop" class="specsmallcard card small-font p-3" data-device="Laptop">
|
||||
<div data-type="memory-laptop" class="specsmallcard card small-font p-3">
|
||||
Laptop
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="memory-details">
|
||||
<div class="memory-details d-none">
|
||||
<h5 class="py-2 smallHeadingProductDetails">RAM Memory Technology</h5>
|
||||
<div class="d-flex gap-2 pb-2 ramtech">
|
||||
<div type="button" onclick="onClickHandler(this)"
|
||||
<div type="button" onclick="onClickHandler(this)"
|
||||
class="specsmallcard-mini borderselector card small-font p-3">
|
||||
<span data-version="DDR4">DDR4</span>
|
||||
DDR4
|
||||
</div>
|
||||
<div type="button" onclick="onClickHandler(this)" data-version="DDR5"
|
||||
class="specsmallcard-mini card small-font p-3">
|
||||
<span data-version="DDR5">DDR5</span>
|
||||
<div type="button" onclick="onClickHandler(this)"
|
||||
class="specsmallcard-mini card small-font p-3">
|
||||
DDR5
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -167,32 +171,37 @@
|
||||
<div class="d-flex gap-2 computersize">
|
||||
|
||||
<div type="button" onclick="onClickHandler(this)"
|
||||
class="specsmallcard-mini borderselector card small-font p-3" data-gb="8 ">
|
||||
8 GB
|
||||
class="specsmallcard-mini borderselector card small-font p-3">
|
||||
8 GB
|
||||
</div>
|
||||
<div type="button" onclick="onClickHandler(this)"
|
||||
class="specsmallcard-mini card small-font p-3" data-gb="16GB">
|
||||
class="specsmallcard-mini card small-font p-3">
|
||||
16 GB
|
||||
</div>
|
||||
<div type="button" onclick="onClickHandler(this)"
|
||||
class="specsmallcard-mini card small-font p-3" data-gb="32GB">
|
||||
class="specsmallcard-mini card small-font p-3">
|
||||
32 GB
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="pb-2 d-none">
|
||||
|
||||
|
||||
|
||||
<!-- <div class="pb-2 d-none">
|
||||
<h5 class="py-2 smallHeadingProductDetails">Storage</h5>
|
||||
<div class="d-flex gap-2">
|
||||
<div class="specsmallcard borderselector card small-font p-3">
|
||||
<div class="specsmallcard borderselector card small-font p-3">
|
||||
|
||||
256 GB SSD Capacity
|
||||
|
||||
</div>
|
||||
<div class="specsmallcard card small-font p-3">
|
||||
1 TB SSD Capacity
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
<div class="d-none">
|
||||
@@ -211,14 +220,16 @@
|
||||
<span class="qtybtn qtybtright bgGreyLight">+</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-0 p-4 bgGreyLight my-3 d-none">
|
||||
<!-- <div class="card border-0 p-4 bgGreyLight my-3 d-none">
|
||||
<div class="row">
|
||||
<div class="col-sm-8 small-font ">
|
||||
Anwi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe Graphics 16GB RAM + 512GB NVMe
|
||||
Mi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe Graphics 16GB RAM + 512GB NVMe
|
||||
SSD. * 1
|
||||
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
₹59,999
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
@@ -231,7 +242,7 @@
|
||||
₹59,999
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- -->
|
||||
<!-- <hr> -->
|
||||
@@ -247,8 +258,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-none">
|
||||
<hr>
|
||||
<div>
|
||||
<ul>
|
||||
<li class="small-font">No Cost EMI Available <a class="learnMoreA" href="">Learn
|
||||
More</a></li>
|
||||
@@ -262,9 +273,9 @@
|
||||
</ul>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="pb-2">
|
||||
<div class="pb-2 quantityHTML">
|
||||
<span>Quantity :</span>
|
||||
<select name="quantity" class="p-2 rounded" id="quantity">
|
||||
<select name="quantity" id="quantity">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
@@ -275,7 +286,7 @@
|
||||
<button id="addtocart" class="w-100 btn bg-black text-white" style="border-radius: 5px;">
|
||||
Add to cart
|
||||
</button>
|
||||
<button class="w-100 btn bg-black text-white" style="border-radius: 5px;">
|
||||
<button class="w-100 btn buynow bg-black text-white" style="border-radius: 5px;">
|
||||
Buy Now
|
||||
</button>
|
||||
</div>
|
||||
@@ -285,109 +296,102 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row py-4">
|
||||
<div class="py-2">
|
||||
<h1 class="font-weight-600 product_heading satoshi_font text-black-50">The Advantages of
|
||||
Graphene-Based Insulation</h1>
|
||||
<p class="font-weight-500 mb-0 py-3 satoshi_font text-black-50">Introducing the all-new ORA memory
|
||||
series powered by Anwi Systems, specially craÿed for high-performance Laptops, PCs, and
|
||||
All-in-ones with graphene-based insulation to provide an exceptional
|
||||
heat dissipation effect.</p>
|
||||
<p class="font-weight-500 mb-0 pb-3 satoshi_font text-black-50">ORA memory series featured by Anwi
|
||||
Systems with graphene-based insulation to provide a more effective
|
||||
heat dissipation effect. The graphene cooling module allows natural convection or forced air
|
||||
cooling for
|
||||
fully enhanced heat dissipation. ORA memory series is the first on the market built specifically
|
||||
for high-</p>
|
||||
|
||||
<!-- tabs -->
|
||||
<div class="row tabsContainer">
|
||||
|
||||
<div class="col-lg-12 ">
|
||||
<div class="dec-review-topbar no-transition nav mb-65 productdetailstabs d-flex gap-4" role="tablist">
|
||||
<a class="active font-1-5 no-transition" data-bs-toggle="tab" href="#des-details1" aria-selected="true" role="tab">Description</a>
|
||||
|
||||
<a data-bs-toggle="tab" href="#des-details2" aria-selected="false" role="tab" class="font-1-5 no-transition" tabindex="-1">Specification</a>
|
||||
|
||||
</div>
|
||||
<div class="tab-content dec-review-bottom">
|
||||
<div id="des-details1" class="tab-pane active show" role="tabpanel">
|
||||
<div class="description-wrap wrap-content-product-tabs">
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit, recusandae! Alias tempore, molestias, architecto provident excepturi voluptate non repellendus, repellat a quis iusto consequuntur quas beatae fugit nisi totam ratione nesciunt reiciendis quod? Quae, consequuntur quasi. Laudantium, doloribus aliquam incidunt error qui itaque aperiam quia ducimus cupiditate, magnam aliquid iste molestiae eveniet? Eaque veniam illo hic, possimus dolorum quaerat ratione in ex voluptas itaque ullam, maiores iusto illum blanditiis sequi. Ex, ab nemo vero libero pariatur architecto culpa! Recusandae at fugiat itaque libero amet corporis exercitationem dolorum? Tenetur repellat tempora perspiciatis quibusdam maxime facilis necessitatibus eius sint corporis nihil! Accusantium.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="des-details2" class="tab-pane" role="tabpanel">
|
||||
<div class="specification-wrap table-responsive">
|
||||
<table class="table table-bordered wrap-content-product-tabs">
|
||||
<tbody class="append-specs">
|
||||
<tr>
|
||||
<td class="width1">Data Transfer Rate</td>
|
||||
<td>Anwi Ram</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Memory Speed</td>
|
||||
<td>3200</td>
|
||||
</tr>
|
||||
<!-- <tr>
|
||||
<td class="width1">Models</td>
|
||||
<td>FX 829 v1</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="width1">Categories</td>
|
||||
<td>Digital Print</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="width1">Size</td>
|
||||
<td>60’’ x 40’’</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="width1">Brand </td>
|
||||
<td>Individual Collections</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="width1">Color</td>
|
||||
<td>Black, White</td>
|
||||
</tr> -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
<!-- footer -->
|
||||
<div id="footer-head" class="sec-space-1"></div>
|
||||
<!-- end-footer -->
|
||||
|
||||
<!-- modal open -->
|
||||
<!-- Button trigger modal -->
|
||||
<!-- <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#authmodal">
|
||||
Launch demo modal
|
||||
</button>
|
||||
|
||||
<div class="modal fade" id="authmodal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
|
||||
<div class="modal-body">
|
||||
hello world
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-primary">Save changes</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="./dist/js/jquery.min.js"></script>
|
||||
<script src="./libs/Owlcarousel/js/owl.carousel.min.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./dist/js/productdetails.js"></script>
|
||||
<!-- <script src="./dist/js/addtocart.js"></script> -->
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
|
||||
<script src="./libs/axios.min.js"></script>
|
||||
<script src="./dist/js/fontawesome.all.js"></script>
|
||||
<script src="./dist/js/fontawesome.min.js"></script>
|
||||
<script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
|
||||
<script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
|
||||
<script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
|
||||
<script src="./dist/js/vendor/bootstrap.min.js"></script>
|
||||
<script src="./dist/js/plugins/slick.js"></script>
|
||||
<script src="./dist/js/plugins/wow.js"></script>
|
||||
<script src="./dist/js/plugins/svg-injector.min.js"></script>
|
||||
<script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
|
||||
<script src="./dist/js/plugins/mouse-parallax.js"></script>
|
||||
<script src="./dist/js/plugins/images-loaded.js"></script>
|
||||
<script src="./dist/js/plugins/isotope.js"></script>
|
||||
<script src="./dist/js/plugins/jquery-ui.js"></script>
|
||||
<script src="./dist/js/plugins/magnific-popup.js"></script>
|
||||
<!-- Main JS -->
|
||||
<script src="./dist/js/main.js"></script>
|
||||
<script>
|
||||
let product_data = localStorage.getItem("product_data");
|
||||
if(product_data === null){
|
||||
let top_data = localStorage.getItem("top_data");
|
||||
let t_data = JSON.parse(top_data);
|
||||
$(".productname").html(t_data.name);
|
||||
$(".price").html(t_data.price);
|
||||
$(".productDetailsMain").find("img").attr("src",t_data.img);
|
||||
$(".memorycontainer").find(".borderselector").removeClass("borderselector");
|
||||
$(".memorycontainer").find("[data-device='"+t_data.device+"']").addClass("borderselector");
|
||||
$(".memory-details").find(".borderselector").removeClass("borderselector");
|
||||
$(".memory-details").find("[data-version='"+t_data.version+"']").addClass("borderselector");
|
||||
$(".computersize").find("[data-gb='"+t_data.gb+"']").addClass("borderselector");
|
||||
|
||||
}else{
|
||||
let data = JSON.parse(product_data);
|
||||
$(".productname").html(data.name);
|
||||
$(".price").html(data.price);
|
||||
$(".memorycontainer").find(".borderselector").removeClass("borderselector");
|
||||
$(".memorycontainer").find("[data-device='"+data.device+"']").addClass("borderselector");
|
||||
$(".memory-details").find(".borderselector").removeClass("borderselector");
|
||||
$(".memory-details").find("[data-version='"+data.version+"']").addClass("borderselector");
|
||||
$(".computersize").find("[data-gb='"+data.gb+"']").addClass("borderselector");
|
||||
}
|
||||
|
||||
<!-- -->
|
||||
<!-- <script src="./libs/toaster/toastr.js"></script> -->
|
||||
<script src="./dist/toaster/toastr.js"></script>
|
||||
<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="./dist/Js/jquery.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
|
||||
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./dist/js/utils/helpers.js"></script>
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./dist/js/shoppingcart/addtocart.js"></script>
|
||||
<script src="./dist/js/shoppingcart/shoppingcart.js"></script>
|
||||
<script src="./dist/js/productdetails/productdetails.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// $(".product_desc").html(data.description);
|
||||
// $(".productDetailsMain").find("img").attr("src",data.image)
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
新增問題並參考
封鎖使用者