Skip to content

Commit 34c2101

Browse files
shaialtshaialt
committed
java script
1 parent 817e9ce commit 34c2101

11 files changed

Lines changed: 493 additions & 395 deletions

File tree

‎assets/products.json‎

Lines changed: 180 additions & 168 deletions
Original file line numberDiff line numberDiff line change
@@ -1,171 +1,183 @@
11
[
2-
{
3-
"category": "motorcycles",
4-
"id": "859634652985674",
5-
"status": "isPopular",
6-
"image": "../images/product/kawasaki%20product/z1000sx.png",
7-
"logo": "../images/product logos/kawasaki logo.png",
8-
"name": "Z1000SX",
9-
"description": "A sport-touring motorcycle with a 1,043cc engine, 142 hp, and advanced electronics",
10-
"originalPrice": "",
11-
"discount": "",
12-
"finalPrice": "27,960.40 $",
13-
"stock": 1,
14-
"buyLink": "../products/product page.html"
15-
},
16-
{
17-
"category": "motorcycles",
18-
"id": "036783576553012",
19-
"status": "isNew",
20-
"image": "../images/product/suzuki product/GSX-R125.png",
21-
"logo": "../images/product logos/suzuki logo.png",
22-
"name": "GSX-R125",
23-
"description": "A lightweight sportbike with a 125cc engine, 14.7 hp, and agile handling",
24-
"originalPrice": "",
25-
"discount": "",
26-
"finalPrice": "6,399.70 $",
27-
"stock": 1,
28-
"buyLink": "../products/product page.html"
29-
},
30-
{
31-
"category": "motorcycles",
32-
"id": "308765122785676",
33-
"status": "isSales",
34-
"image": "../images/product/bmw product/Triumph Bonneville.png",
35-
"logo": "../images/product logos/BMW logo.png",
36-
"name": "Triumph Bonneville",
37-
"description": "A classic motorcycle with a 900cc engine, 64.1 HP, and retro styling",
38-
"originalPrice": "10,561.95 $",
39-
"discount": "-5%",
40-
"finalPrice": "10,033.85 $",
41-
"stock": 1,
42-
"buyLink": "../products/product page.html"
43-
},
44-
{
45-
"category": "motorcycles",
46-
"id": "895674563453654",
47-
"status": "isNew",
48-
"image": "../images/product/yamaha product/R6.webp",
49-
"logo": "../images/product logos/yamaha logo.png",
50-
"name": "R6",
51-
"description": "A high-performance supersport motorcycle with a 599cc engine, 117 hp, and advanced handling",
52-
"originalPrice": "",
53-
"discount": "",
54-
"finalPrice": "23,769.91 $",
55-
"stock": 1,
56-
"buyLink": "../products/product page.html"
57-
},
58-
{
59-
"category": "motorcycles",
60-
"id": "954478435678542",
61-
"status": "isPopular",
62-
"image": "../images/product/harley davidson/Olive gold glide.png",
63-
"logo": "../images/product logos/harly davidson logo.png",
64-
"name": "Olive gold glide",
65-
"description": "A touring motorcycle with a 1,690cc engine, advanced infotainment, and stylish fairing",
66-
"originalPrice": "",
67-
"discount": "",
68-
"finalPrice": "41,499.46 $",
69-
"stock": 1,
70-
"buyLink": "../products/product page.html"
71-
},
72-
{
73-
"category": "motorcycles",
74-
"id": "645698705432157",
75-
"status": "isSales",
76-
"image": "../images/product/kawasaki product/h2 sx.png",
77-
"logo": "../images/product logos/kawasaki logo.png",
78-
"name": "Ninja h2 sx",
79-
"description": "A high-performance sport bike from Kawasaki, featuring a 998cc supercharged engine that",
80-
"originalPrice": "29,642.47 $",
81-
"discount": "-10%",
82-
"finalPrice": "26,678.22 $",
83-
"stock": 1,
84-
"buyLink": "../products/product page.html"
85-
},
86-
{
87-
"category": "motorcycles",
88-
"id": "753586431216795",
89-
"status": "isNormal",
90-
"image": "../images/product/ducati product/Diavel v4.png",
91-
"logo": "../images/product logos/ducati logo.png",
92-
"name": "Diavel v4",
93-
"description": "A power cruiser with a 1,158cc engine, 168 hp, and aggressive styling",
94-
"originalPrice": "",
95-
"discount": "",
96-
"finalPrice": "59,284.95 $",
97-
"stock": 1,
98-
"buyLink": "../products/product page.html"
99-
},
100-
{
101-
"category": "motorcycles",
102-
"id": "947285385647060",
103-
"status": "isNormal",
104-
"image": "../images/product/honda/CBR 600F4i.webp",
105-
"logo": "../images/product logos/honda logo.png",
106-
"name": "CBR 600F4i",
107-
"description": "A sportbike with a 599cc engine, 109 hp, and lightweight design",
108-
"originalPrice": "",
109-
"discount": "",
110-
"finalPrice": "8,389.38 $",
111-
"stock": 1,
112-
"buyLink": "../products/product page.html"
113-
},
114-
{
115-
"category": "motorcycles",
116-
"id": "853580531568054",
117-
"status": "isNormal",
118-
"image": "../images/product/kawasaki product/z e 1.png",
119-
"logo": "../images/product logos/kawasaki logo.png",
120-
"name": "Z e 1",
121-
"description": "A classic motorcycle with a 903cc engine, 82 hp, and retro styling",
122-
"originalPrice": "",
123-
"discount": "",
124-
"finalPrice": "7,830.09 $",
125-
"stock": 1,
126-
"buyLink": "../products/product page.html"
127-
},
128-
{
129-
"category": "motorcycles",
130-
"id": "684120743685213",
131-
"status": "isSales",
132-
"image": "../images/product/bmw product/S1000RR.png",
133-
"logo": "../images/product logos/BMW logo.png",
134-
"name": "S1000RR",
135-
"description": "A high-performance sportbike with a 999cc engine, 207 hp, and advanced electronics",
136-
"originalPrice": "46,700.88 $",
137-
"discount": "-7%",
138-
"finalPrice": "43,431.818 $",
139-
"stock": 1,
140-
"buyLink": "../products/product page.html"
141-
},
142-
{
143-
"category": "motorcycles",
144-
"id": "953148645664227",
145-
"status": "isNormal",
146-
"image": "../images/product/harley davidson/CVO Road kink.png",
147-
"logo": "../images/product logos/harly davidson logo.png",
148-
"name": "CVO Road kink",
149-
"description": "A premium touring motorcycle with a 1,868cc engine, advanced infotainment, and custom styling",
150-
"originalPrice": "",
151-
"discount": "",
152-
"finalPrice": "41,667.25 $",
153-
"stock": 1,
154-
"buyLink": "../products/product page.html"
155-
},
156-
{
157-
"category": "motorcycles",
158-
"id": "999505432678543",
159-
"status": "isNormal",
160-
"image": "../images/product/kawasaki product/Versys_650_Tourer.png",
161-
"logo": "../images/product logos/kawasaki logo.png",
162-
"name": "Versys 650 Tourer",
163-
"description": "A versatile touring motorcycle with a 649cc engine, 67 hp, and long-distance comfort",
164-
"originalPrice": "",
165-
"discount": "",
166-
"finalPrice": "8,586.53 $",
167-
"stock": 1,
168-
"buyLink": "../products/product page.html"
169-
}
2+
{
3+
"category": "motorcycles",
4+
"id": "645698705432157",
5+
"status": "isPopular",
6+
"image": "../images/product/kawasaki product/h2 sx.png",
7+
"logo": "../images/product logos/kawasaki logo.png",
8+
"name": "Ninja h2 sx",
9+
"description": "A high-performance sport bike from Kawasaki, featuring a 998cc supercharged engine that",
10+
"originalPrice": "29,642.47 $",
11+
"discount": "-10%",
12+
"finalPrice": "26,678.22 $",
13+
"stock": 1,
14+
"images": ["../images/product/kawasaki product/h2 sx.png","../images/product/ninja more images/8904fe61-0b9f-42a9-90c6-fdd83ac3f848.png","../images/product/ninja more images/meter-removebg-preview.png","../images/product/ninja more images/removebg-preview.png"],
15+
"popularity":2
16+
},
17+
{
18+
"category": "motorcycles",
19+
"id": "859634652985674",
20+
"status": "isPopular",
21+
"image": "../images/product/kawasaki%20product/z1000sx.png",
22+
"logo": "../images/product logos/kawasaki logo.png",
23+
"name": "Z1000SX",
24+
"description": "A sport-touring motorcycle with a 1,043cc engine, 142 hp, and advanced electronics",
25+
"originalPrice": "",
26+
"discount": "",
27+
"finalPrice": "27,960.40 $",
28+
"stock": 1,
29+
"images": ["../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG"],
30+
"popularity":2
31+
},
32+
{
33+
"category": "motorcycles",
34+
"id": "036783576553012",
35+
"status": "isNew",
36+
"image": "../images/product/suzuki product/GSX-R125.png",
37+
"logo": "../images/product logos/suzuki logo.png",
38+
"name": "GSX-R125",
39+
"description": "A lightweight sportbike with a 125cc engine, 14.7 hp, and agile handling",
40+
"originalPrice": "",
41+
"discount": "",
42+
"finalPrice": "6,399.70 $",
43+
"stock": 1,
44+
"images": ["../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG"],
45+
"popularity":1
46+
},
47+
{
48+
"category": "motorcycles",
49+
"id": "308765122785676",
50+
"status": "isSales",
51+
"image": "../images/product/bmw product/Triumph Bonneville.png",
52+
"logo": "../images/product logos/BMW logo.png",
53+
"name": "Triumph Bonneville",
54+
"description": "A classic motorcycle with a 900cc engine, 64.1 HP, and retro styling",
55+
"originalPrice": "10,561.95 $",
56+
"discount": "-5%",
57+
"finalPrice": "10,033.85 $",
58+
"stock": 1,
59+
"images": ["../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG"],
60+
"popularity":1
61+
},
62+
{
63+
"category": "motorcycles",
64+
"id": "895674563453654",
65+
"status": "isPopular",
66+
"image": "../images/product/yamaha product/R6.webp",
67+
"logo": "../images/product logos/yamaha logo.png",
68+
"name": "R6",
69+
"description": "A high-performance supersport motorcycle with a 599cc engine, 117 hp, and advanced handling",
70+
"originalPrice": "",
71+
"discount": "",
72+
"finalPrice": "23,769.91 $",
73+
"stock": 1,
74+
"images": ["../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG"],
75+
"popularity":2
76+
},
77+
{
78+
"category": "motorcycles",
79+
"id": "954478435678542",
80+
"status": "isPopular",
81+
"image": "../images/product/harley davidson/Olive gold glide.png",
82+
"logo": "../images/product logos/harly davidson logo.png",
83+
"name": "Olive gold glide",
84+
"description": "A touring motorcycle with a 1,690cc engine, advanced infotainment, and stylish fairing",
85+
"originalPrice": "",
86+
"discount": "",
87+
"finalPrice": "41,499.46 $",
88+
"stock": 1,
89+
"images": ["../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG"],
90+
"popularity":2
91+
},
92+
{
93+
"category": "motorcycles",
94+
"id": "753586431216795",
95+
"status": "isNormal",
96+
"image": "../images/product/ducati product/Diavel v4.png",
97+
"logo": "../images/product logos/ducati logo.png",
98+
"name": "Diavel v4",
99+
"description": "A power cruiser with a 1,158cc engine, 168 hp, and aggressive styling",
100+
"originalPrice": "",
101+
"discount": "",
102+
"finalPrice": "59,284.95 $",
103+
"stock": 1,
104+
"images": ["../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG"],
105+
"popularity":1
106+
},
107+
{
108+
"category": "motorcycles",
109+
"id": "947285385647060",
110+
"status": "isNormal",
111+
"image": "../images/product/honda/CBR_600F4i-removebg-preview.png",
112+
"logo": "../images/product logos/honda logo.png",
113+
"name": "CBR 600F4i",
114+
"description": "A sportbike with a 599cc engine, 109 hp, and lightweight design",
115+
"originalPrice": "",
116+
"discount": "",
117+
"finalPrice": "8,389.38 $",
118+
"stock": 1,
119+
"images": ["../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG"],
120+
"popularity":1
121+
},
122+
{
123+
"category": "motorcycles",
124+
"id": "853580531568054",
125+
"status": "isNormal",
126+
"image": "../images/product/kawasaki product/z e 1.png",
127+
"logo": "../images/product logos/kawasaki logo.png",
128+
"name": "Z e 1",
129+
"description": "A classic motorcycle with a 903cc engine, 82 hp, and retro styling",
130+
"originalPrice": "",
131+
"discount": "",
132+
"finalPrice": "7,830.09 $",
133+
"stock": 1,
134+
"images": ["../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG"],
135+
"popularity":1
136+
},
137+
{
138+
"category": "motorcycles",
139+
"id": "684120743685213",
140+
"status": "isSales",
141+
"image": "../images/product/bmw product/S1000RR.png",
142+
"logo": "../images/product logos/BMW logo.png",
143+
"name": "S1000RR",
144+
"description": "A high-performance sportbike with a 999cc engine, 207 hp, and advanced electronics",
145+
"originalPrice": "46,700.88 $",
146+
"discount": "-7%",
147+
"finalPrice": "43,431.818 $",
148+
"stock": 1,
149+
"images": ["../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG"],
150+
"popularity":1
151+
},
152+
{
153+
"category": "motorcycles",
154+
"id": "953148645664227",
155+
"status": "isNormal",
156+
"image": "../images/product/harley davidson/CVO Road kink.png",
157+
"logo": "../images/product logos/harly davidson logo.png",
158+
"name": "CVO Road kink",
159+
"description": "A premium touring motorcycle with a 1,868cc engine, advanced infotainment, and custom styling",
160+
"originalPrice": "",
161+
"discount": "",
162+
"finalPrice": "41,667.25 $",
163+
"stock": 1,
164+
"images": ["../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG"],
165+
"popularity":1
166+
},
167+
{
168+
"category": "motorcycles",
169+
"id": "999505432678543",
170+
"status": "isNormal",
171+
"image": "../images/product/kawasaki product/Versys_650_Tourer.png",
172+
"logo": "../images/product logos/kawasaki logo.png",
173+
"name": "Versys 650 Tourer",
174+
"description": "A versatile touring motorcycle with a 649cc engine, 67 hp, and long-distance comfort",
175+
"originalPrice": "",
176+
"discount": "",
177+
"finalPrice": "8,586.53 $",
178+
"stock": 1,
179+
"images": ["../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG","../images/product/coming_soon.PNG"],
180+
"popularity":1
181+
}
170182
]
171183

‎cart/cart.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ <h2>Cart totals</h2>
8484

8585
<div class="checkout_box_subtotal">
8686
<p>Subtotal</p>
87-
<p>64,002.57 $</p>
87+
<p class="subtotal">0 $</p>
8888
</div>
8989

9090
<div class="checkout_box_shipping">
@@ -114,7 +114,7 @@ <h2>Cart totals</h2>
114114

115115
<div class="checkout_box_total">
116116
<p>Total</p>
117-
<p>64,002.57 $</p>
117+
<p class="total">0 $</p>
118118
</div>
119119

120120
<button class="checkout_button">Proceed to checkout</button>

motorcycle catalog/motorcycles.html renamed to catalog/catalog.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@
4545
<main>
4646
<section class="display-flex margin-0">
4747
<section class="filter_sidebar display-flex justifyContent-center color-white margin-0">
48-
<form action="motorcycles.html" method="get" class="display-flex flexDirection-column">
48+
<form action="catalog.html" method="get" class="display-flex flexDirection-column">
4949
<div><br>
5050
<h3>price</h3>
5151
<div class="display-flex justifyContent-spaceBetween alignItems-center">
@@ -104,7 +104,7 @@ <h3>Filter by</h3>
104104
<section class="catalog_menu">
105105
<div class="catalog_menu_overflow">
106106
<section class="filter_sidebar_responsive">
107-
<form action="motorcycles.html" method="get" class="display-flex flexDirection-column">
107+
<form action="catalog.html" method="get" class="display-flex flexDirection-column">
108108
<div><br>
109109
<h3>price</h3>
110110
<div class="display-flex justifyContent-spaceBetween alignItems-center">
@@ -158,7 +158,7 @@ <h3>Filter by</h3>
158158
<section class="catalog_overlay"></section>
159159
</div>
160160

161-
<div id="motorcycles_catalog" class="products_list display-flex flexWrap-wrap">
161+
<div id="catalog" class="products_list display-flex flexWrap-wrap">
162162

163163
</div>
164164
</section>

‎images/product/coming_soon.PNG‎

1.12 MB
Loading

‎images/product/honda/CBR 600F4i.webp‎

-31.9 KB
Binary file not shown.

‎images/product/honda/CBR_600F4i-removebg-preview.png‎

227 KB
Loading

0 commit comments

Comments
 (0)