Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

cart update and path related bug fix #1034

Merged
merged 10 commits into from
Jun 5, 2024
Merged

cart update and path related bug fix #1034

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
47de05b
cart update and path related bug fix
purvathnere Jun 5, 2024
a02958c
Update
purvathnere Jun 5, 2024
c4d89ea
Update login-signup.css
purvathnere Jun 5, 2024
5f94e9c
Update header.css
purvathnere Jun 5, 2024
69e327c
Update plus.js
purvathnere Jun 5, 2024
eb28c14
Update content-page.html
purvathnere Jun 5, 2024
0aa27a6
Update header.html
purvathnere Jun 5, 2024
f81a9d9
Update searchIndexProducts@v2
purvathnere Jun 5, 2024
43e7a0c
Add files via upload
purvathnere Jun 5, 2024
b7fdcb5
update
purvathnere Jun 5, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 2 additions & 3 deletions account/home_account.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -60,9 +60,8 @@
</style>
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-12 col-md-8">
<img src="flipkart_logo.png" alt="Flipkart Logo" class="img-fluid mb-4 mx-auto d-block" style="width: 100%; max-width: 400px;">
<h1 class="text-center mb-4">Flipkart Profile</h1>
<div class="col-12 col-md-8">
<h1 class="text-center mb-4" style="display: inline-block;"><img src="../img/flipkardLoader.png" alt="Flipkart Logo" class="img-fluid mb-4 mx-auto" style="width: 100%; max-width: 180px;">lipkart Profile</h1>
<form>
<div class="form-group">
<label for="name">Full Name</label>
Expand Down
10 changes: 5 additions & 5 deletions account/login-signup.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,9 +34,9 @@ <h4>Login</h4>
<div class="underlineii"></div>
</div>
<div class="EpHS0A">By continuing, you agree to Flipkart's
<a class="c9RDXR" target="_blank" href="../pages/terms">Terms of Use</a>
<a class="c9RDXR" target="_blank" href="../pages/terms/">Terms of Use</a>
and
<a class="c9RDXR" target="_blank" href="../pages/privacypolicy">Privacy Policy</a>.
<a class="c9RDXR" target="_blank" href="../pages/privacypolicy/">Privacy Policy</a>.
</div>
<div class="LSOAQH mt-2">
<button class="QqFHMw twnTnD _7Pd1Fp">Request OTP</button>
Expand All @@ -50,7 +50,7 @@ <h4>Login</h4>
</div>
<!-- signup page -->
<div id="divB">
<div class="signupin">
<div class="signupin container-fluid">
<div class="leftpanal">
<h4>Looks like you're new here!</h4>
<p>Sign up with your mobile number to get started</p>
Expand All @@ -64,9 +64,9 @@ <h4>Looks like you're new here!</h4>
<div class="underlineii"></div>
</div>
<div class="EpHS0A">By continuing, you agree to Flipkart's
<a class="c9RDXR" target="_blank" href="../pages/terms">Terms of Use</a>
<a class="c9RDXR" target="_blank" href="../pages/terms/">Terms of Use</a>
and
<a class="c9RDXR" target="_blank" href="../pages/privacypolicy">Privacy Policy</a>.
<a class="c9RDXR" target="_blank" href="../pages/privacypolicy/">Privacy Policy</a>.
</div>
<div class="LSOAQH mt-2">
<button class="QqFHMw twnTnD _7Pd1Fp">Continue</button>
Expand Down
7 changes: 6 additions & 1 deletion css/bootstrap.min.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

16 changes: 14 additions & 2 deletions css/header.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,9 +59,21 @@
}
#cartItems{
position: absolute;
top: -15px;
left: 3px;
top: -8px;
left: 4px;
padding: 0 5px;
border-radius: 50%;
background: red;
width: 18px;
height: 18px;
background-color: #ff6161;
border: 1px solid #fff;
line-height: 16px;
font-size: 12px;
color: #fff;
display: none;
}



@media (max-width: 992px) {
Expand Down
1 change: 1 addition & 0 deletions css/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
body {
font-family: 'Poppins', sans-serif;
background: #dcdcdc !important;
overflow-x: hidden;
}

.navname_ac .bi-chevron-up {
Expand Down
3 changes: 2 additions & 1 deletion css/login-signup.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
body {
background: #f1f3f6;
background: #f1f3f6;
}

#divB {
Expand Down Expand Up @@ -121,6 +121,7 @@ body {
@media screen and (max-width: 800px) {
.signupin .leftpanal {
width: 43vw;
padding: 5px;
}
.signupin .rightSignuppanal {
width: 56vw;
Expand Down
6 changes: 3 additions & 3 deletions header/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,14 +12,14 @@
</head>

<body>
<script src="../js/header_bluebg.js"></script>

<!-- Header -->
<header id="header-bluebg">
<nav class="container-fluid" style="background-color: #2874F0;">
<div class="container">
<nav class="navbar bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="/Flipkart_Clone">
<a class="navbar-brand" href="../">
<img src="../img/flipcartlogo.PNG" width="80px">
</a>
<div class="searchBar_h">
Expand All @@ -38,7 +38,7 @@
</div>
<div class="text-white cartLogoandname">
<a href="../viewcart/">
<img src="../img/svg/cart_h.svg" alt="" ><span class="cart_h">Cart </span><span class="text-danger" id="cartItems"></span>
<img src="../img/svg/cart_h.svg" alt="" ><span class="cart_h">Cart </span><span id="cartItems"></span>
</a>
</div>
</div>
Expand Down
7 changes: 4 additions & 3 deletions helpcentre/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,20 +4,21 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flipkart 24x7 Customer Care</title>
<link rel="shortcut icon" href="../img/flipkart_lite.png" type="image/x-icon">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="helpcentre.css">
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">Flipkart</a>
<a class="navbar-brand" href="../">Flipkart</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
<a class="nav-link" href="../">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Shop</a>
Expand Down Expand Up @@ -47,7 +48,7 @@ <h2 style="color: #000000;">Contact Us</h2>
<li><strong>Email:</strong> [email protected]</li>
<li><strong>Live Chat:</strong> Available 24x7</li>
</ul>
<img src="flipkart_logo.png" alt="Flipkart Logo" class="flipkart-logo">
<img src="../img/flipkart_lite.png" height="50px" alt="Flipkart Logo" class="flipkart-logo">
</div>
<div class="col-md-6">
<h2 style="color: #000000;">Frequently Asked Questions</h2>
Expand Down
16 changes: 15 additions & 1 deletion js/bootstrap.bundle.min.js
View file
Open in desktop

Large diffs are not rendered by default.

5 changes: 0 additions & 5 deletions js/header_bluebg.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,3 @@ document.addEventListener('DOMContentLoaded', () => {
});
});

// for kart
const cartItemsFromStorage = JSON.parse(localStorage.getItem("filteredProducts"));
let cartItems=cartItemsFromStorage.length

document.getElementById("cartItems").innerText=cartItems
6 changes: 5 additions & 1 deletion js/searchIndexProducts.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,4 +54,8 @@ fetch('../json-api/product.json')
const filteredProducts = data.filter(product => product.category.toLowerCase().includes(query.toLowerCase()) || product.name.toLowerCase().includes(query));
searchFetch(filteredProducts);
})
.catch(error => console.error('Error fetching data:', error));
.catch(error => console.error('Error fetching data:', error));




30 changes: 15 additions & 15 deletions pages/content-page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -123,23 +123,23 @@
<h3>Deals on Mobile Phones</h3>
<a href="#">
<div class="img-container">
<img src="img\vivo-mobile-phone-1000x1000.webp" alt="" class="about-img">
<img src="../img/vivo-mobile-phone-1000x1000.webp" alt="" class="about-img">
<p>Vivo T3X 5G
<h4>From <i class="fa-solid fa-indian-rupee-sign"></i>14,500*</h4>
</p>
</div>
</a>
<a href="#">
<div class="img-container">
<img src="img/vivo-y16-mobile-phone-250x250.webp" alt="" class="about-img">
<img src="../img/vivo-y16-mobile-phone-250x250.webp" alt="" class="about-img">
<p>Vivo Y16 5G
<h4>From <i class="fa-solid fa-indian-rupee-sign"></i>17,500*</h4>
</p>
</div>
</a>
<a href="#">
<div class="img-container">
<img src="img/vivo-y17s-forest-green-4gb-ram-128gb-storage-250x250.webp" alt=""
<img src="../img/vivo-y17s-forest-green-4gb-ram-128gb-storage-250x250.webp" alt=""
class="about-img">
<p>Vivo Y17 pro
<h4>From <i class="fa-solid fa-indian-rupee-sign"></i>20,500*</h4>
Expand All @@ -148,15 +148,15 @@ <h4>From <i class="fa-solid fa-indian-rupee-sign"></i>20,500*</h4>
</a>
<a href="#">
<div class="img-container">
<img src="img/one.png" alt="" class="about-img">
<img src="../img/one.png" alt="" class="about-img">
<p>OneplusNord N20 5G
<h4>From <i class="fa-solid fa-indian-rupee-sign"></i>29,500*</h4>
</p>
</div>
</a>
<a href="#">
<div class="img-container">
<img src="img/y35-250x250.webp" alt="" class="about-img">
<img src="../img/y35-250x250.webp" alt="" class="about-img">
<p>Vivo Y35 5G
<h4>From <i class="fa-solid fa-indian-rupee-sign"></i>22,500*</h4>
</p>
Expand All @@ -169,7 +169,7 @@ <h4>From <i class="fa-solid fa-indian-rupee-sign"></i>22,500*</h4>
<h3>Best of Electronics</h3>
<a href="#">
<div class="img-container">
<img src="img/z-24-200mm-z5-nikon-original-imag2zuekuxgxsgg.webp" alt="camera"
<img src="../img/z-24-200mm-z5-nikon-original-imag2zuekuxgxsgg.webp" alt="camera"
class="about-img">
<p>Mirrorless Cameras
<h4>Shop Now!</h4>
Expand All @@ -178,31 +178,31 @@ <h4>Shop Now!</h4>
</a>
<a href="#">
<div class="img-container">
<img src="img/earphon3.jpg" alt="earphones" class="about-img">
<img src="../img/earphon3.jpg" alt="earphones" class="about-img">
<p>Best wireless Ear...
<h4>Grab Now</h4>
</p>
</div>
</a>
<a href="#">
<div class="img-container">
<img src="img/Picture.png" alt="shaver" class="about-img">
<img src="../img/Picture.png" alt="shaver" class="about-img">
<p>Best of Shavers
<h4>From <i class="fa-solid fa-indian-rupee-sign"></i>1,500*</h4>
</p>
</div>
</a>
<a href="#">
<div class="img-container">
<img src="img/earphone2.jpg" alt="Headsets" class="about-img">
<img src="../img/earphone2.jpg" alt="Headsets" class="about-img">
<p>Headsets
<h4>From <i class="fa-solid fa-indian-rupee-sign"></i>3,500*</h4>
</p>
</div>
</a>
<a href="#">
<div class="img-container">
<img src="img/projector.png" alt="projector" class="about-img">
<img src="../img/projector.png" alt="projector" class="about-img">
<p>Projector
<h4>From <i class="fa-solid fa-indian-rupee-sign"></i>9,500*</h4>
</p>
Expand All @@ -217,39 +217,39 @@ <h4>From <i class="fa-solid fa-indian-rupee-sign"></i>9,500*</h4>
<h3>Dresses</h3>
<a href="#">
<div class="img-container">
<img src="img/cloth1.webp" alt="cloth" class="about-img">
<img src="../img/cloth1.webp" alt="cloth" class="about-img">
<p><span>Tokiyo Talkies</span><br>Women Bodycon Bl..
<h4>From <i class="fa-solid fa-indian-rupee-sign">379</i></h4>
</p>
</div>
</a>
<a href="#">
<div class="img-container">
<img src="img/cloth2.webp" alt="cloth" class="about-img">
<img src="../img/cloth2.webp" alt="cloth" class="about-img">
<p><span>Tokiyo Talkies</span><br>Women A-line Multi...
<h4>From <i class="fa-solid fa-indian-rupee-sign">600</i></h4>
</p>
</div>
</a>
<a href="#">
<div class="img-container">
<img src="img/cloth3.webp" alt="cloth" class="about-img">
<img src="../img/cloth3.webp" alt="cloth" class="about-img">
<p><span>Tokiyo Talkies</span><br>Women Ribbed Pink...
<h4>From <i class="fa-solid fa-indian-rupee-sign">599</i></h4>
</p>
</div>
</a>
<a href="#">
<div class="img-container">
<img src="img/cloth4.webp" alt="cloth" class="about-img">
<img src="../img/cloth4.webp" alt="cloth" class="about-img">
<p><span>Tokiyo Talkies</span><br>Women Ribbed Pink...
<h4>From <i class="fa-solid fa-indian-rupee-sign">299</i></h4>
</p>
</div>
</a>

<div class="box_one">
<img src="img/Oppo_Reno_10_5g.jpg" alt="icon" class="icon">
<img src="../img/Oppo_Reno_10_5g.jpg" alt="icon" class="icon">
<h3 class="heading">Top selling Smartphones</h3>
<p class="heading2">Latest Technology , Best Brands!</p><br>
<button class="btn1">Explore <i class="fa-solid fa-chevron-right"></i></button>
Expand Down
4 changes: 2 additions & 2 deletions plus/plus.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,8 +55,8 @@ document.getElementById("btmTxtP").innerHTML = btmText;

document.addEventListener("DOMContentLoaded", () => {
const components = [
{ id: "header-plus", url: "../components/header/header.html" },
{ id: "footer-plus", url: "../components/footer/footer.html" },
{ id: "header-plus", url: "../header/header.html" },
{ id: "footer-plus", url: "../footer/footer.html" },
];

components.forEach((component) => {
Expand Down