-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
260 lines (246 loc) · 18 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Product Catalog</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: #f9f9f9;
}
.product-container {
text-align: center;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
min-height: 100vh;
}
.product-container p {
color: #c94e4e;
}
.product-container img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
table {
margin: 0 auto;
border-collapse: collapse;
width: 100%;
max-width: 350px;
}
td {
padding: 10px;
border: 1px solid #ddd;
}
@media (max-width: 600px) {
.product-container {
padding: 10px;
}
table td {
padding: 8px;
}
}
</style>
</head>
<body>
<div class="product-container">
<img id="logo" src="/Foyer.png" alt="Logo" style="width:40vw; margin-top:12px;">
<div id="product-info"></div> <br>
<a id="website-url" href="https://www.foyer-shop.com/" style="margin-top: 20px;">www.foyer-shop.com</a><br><br>
<p><b>“Promotion price you can get if you entry form and only for 27th in our shop”</b></p>
</div>
</div>
<script>
const products ={
1: { id: "2300004", name: "PVｼﾘﾝﾀﾞｰ φ10xH20", Retailprice: "$16.88", Wholesalesprice: "$10.13", image: "PVｼﾘﾝﾀﾞｰ φ10xH20.jpg" },
2: { id: "2300005", name: "PVｼﾘﾝﾀﾞｰ φ10xH30", Retailprice: "$23.18", Wholesalesprice: "$13.91", image: "PVｼﾘﾝﾀﾞｰ φ10xH30.jpg" },
3: { id: "2300036", name: "PVｼﾘﾝﾀﾞｰ φ12xH30", Retailprice: "$29.48", Wholesalesprice: "$17.69", image: "PVｼﾘﾝﾀﾞｰ φ12xH30.jpg" },
4: { id: "2300033", name: "PVｼﾘﾝﾀﾞｰ φ10xH25", Retailprice: "$21.92", Wholesalesprice: "$13.15", image: "PVｼﾘﾝﾀﾞｰ φ10xH25.jpg" },
5: { id: "2300120", name: "PVｽﾘﾑﾍﾞｰｽφ6xH19", Retailprice: "$9.95", Wholesalesprice: "$5.97", image: "PVｽﾘﾑﾍﾞｰｽφ6xH19.jpg" },
6: { id: "2300068", name: "PVｽﾘﾑｵｸﾀｺﾞﾝ7xH18", Retailprice: "$11.91", Wholesalesprice: "$7.14", image: "PVｽﾘﾑｵｸﾀｺﾞﾝ7xH18.jpg" },
7: { id: "2300088", name: "PVｳｫｰﾀｰﾄﾞﾛｯﾌﾟφ3.5xH18", Retailprice: "$11.78", Wholesalesprice: "$7.07", image: "PVｳｫｰﾀｰﾄﾞﾛｯﾌﾟφ3.5xH18.jpg" },
8: { id: "2300173", name: "PVｽﾘﾑﾍﾞｰｽﾃﾞｺA 5.5xH16.5", Retailprice: "$5.54", Wholesalesprice: "$3.33", image: "PVｽﾘﾑﾍﾞｰｽﾃﾞｺA 5.5xH16.5.jpg" },
9: { id: "2300058CL", name: "PVﾃｨｱﾄﾞﾛCL8x10.5xH13", Retailprice: "$22.18", Wholesalesprice: "$13.31", image: "PVﾃｨｱﾄﾞﾛCL8x10.5xH13.jpg" },
10: { id: "2300200", name: "PVﾋﾟｯﾁｬｰﾍﾞｰｽ 19.5(10)xH26", Retailprice: "$22.68", Wholesalesprice: "$13.61", image: "PVﾋﾟｯﾁｬｰﾍﾞｰｽ 19.5(10)xH26.jpg" },
11: { id: "2300193", name: "PVｼﾞｬｸﾞﾍﾞｰｽ φ9.5(7.5)xH20", Retailprice: "$6.80", Wholesalesprice: "$4.08", image: "PVｼﾞｬｸﾞﾍﾞｰｽ φ9.5(7.5)xH20.jpg" },
12: { id: "2300198", name: "PVﾄﾗｲｱﾝｸﾞﾙﾍﾞｰｽ φ13.5xH19", Retailprice: "$17.51", Wholesalesprice: "$10.51", image: "PVﾄﾗｲｱﾝｸﾞﾙﾍﾞｰｽ φ13.5xH19.jpg" },
13: { id: "2300180", name: "PV円柱ｸﾘｽﾀφ9.5xH24.5", Retailprice: "$26.33", Wholesalesprice: "$15.80", image: "PV円柱ｸﾘｽﾀφ9.5xH24.5.jpg" },
14: { id: "3D00038AGY", name: "SKｽﾃｯﾌﾟ 10xH10 ｱｯｼｭｸﾞﾚｲ", Retailprice: "$2.77", Wholesalesprice: "$1.66", image: "SKｽﾃｯﾌﾟ 10xH10 ｱｯｼｭｸﾞﾚｲ.jpg" },
15: { id: "3D00038BK", name: "SKｽﾃｯﾌﾟ 10xH10 ﾌﾞﾗｯｸ", Retailprice: "$ 2.77 ", Wholesalesprice: "$ 1.66 ", image: "SKｽﾃｯﾌﾟ 10xH10 ﾌﾞﾗｯｸ.jpg" },
16: { id: "3D00038CH", name: "SKｽﾃｯﾌﾟ 10xH10 ﾁｮｺ", Retailprice: "$ 2.77 ", Wholesalesprice: "$ 1.66 ", image: "SKｽﾃｯﾌﾟ 10xH10 ﾁｮｺ.jpg" },
17: { id: "3D00038CRI", name: "SKｽﾃｯﾌﾟ 10xH10 ｻﾘｰｽ", Retailprice: "$ 2.77 ", Wholesalesprice: "$ 1.66 ", image: "SKｽﾃｯﾌﾟ 10xH10 ｻﾘｰｽ.jpg" },
18: { id: "3D00038EGR", name: "SKｽﾃｯﾌﾟ 10xH10 ﾕｰﾛｸﾞﾘｰﾝ", Retailprice: "$ 2.77 ", Wholesalesprice: "$ 1.66 ", image: "SKｽﾃｯﾌﾟ 10xH10 ﾕｰﾛｸﾞﾘｰﾝ.jpg" },
19: { id: "3D00038LI", name: "SKｽﾃｯﾌﾟ 10xH10 ﾗｲﾑ", Retailprice: "$ 2.77 ", Wholesalesprice: "$ 1.66 ", image: "SKｽﾃｯﾌﾟ 10xH10 ﾗｲﾑ.jpg" },
20: { id: "3D00038ML", name: "SKｽﾃｯﾌﾟ 10xH10 ﾐﾙｷｰ", Retailprice: "$ 2.77 ", Wholesalesprice: "$ 1.66 ", image: "SKｽﾃｯﾌﾟ 10xH10 ﾐﾙｷｰ.jpg" },
21: { id: "3D00038PBE", name: "SKｽﾃｯﾌﾟ 10xH10 ﾊﾟｳﾀﾞｰﾍﾞｰｼﾞｭ", Retailprice: "$ 2.77 ", Wholesalesprice: "$ 1.66 ", image: "SKｽﾃｯﾌﾟ 10xH10 ﾊﾟｳﾀﾞｰﾍﾞｰｼﾞｭ.jpg" },
22: { id: "3D00038PU", name: "SKｽﾃｯﾌﾟ 10xH10 ﾊﾟｰﾌﾟﾙ", Retailprice: "$ 2.77 ", Wholesalesprice: "$ 1.66 ", image: "SKｽﾃｯﾌﾟ 10xH10 ﾊﾟｰﾌﾟﾙ.jpg" },
23: { id: "3D00038SF", name: "SKｽﾃｯﾌﾟ 10xH10 ｻﾌﾗﾝ", Retailprice: "$ 2.77 ", Wholesalesprice: "$ 1.66 ", image: "SKｽﾃｯﾌﾟ 10xH10 ｻﾌﾗﾝ.jpg" },
24: { id: "3D00060AGY", name: "SK浅型ﾗｳﾝﾄﾞφ14ｱｯｼｭｸﾞﾚｲ", Retailprice: "$ 4.35 ", Wholesalesprice: "$ 2.61 ", image: "SK浅型ﾗｳﾝﾄﾞφ14ｱｯｼｭｸﾞﾚｲ.jpg" },
25: { id: "3D00060CRI", name: "SK浅型ﾗｳﾝﾄﾞφ14ｻﾘｰｽ", Retailprice: "$ 4.35 ", Wholesalesprice: "$ 2.61 ", image: "SK浅型ﾗｳﾝﾄﾞφ14ｻﾘｰｽ.jpg" },
26: { id: "3D00060EGR", name: "SK浅型ﾗｳﾝﾄﾞφ14ﾕｰﾛｸﾞﾘｰﾝ",Retailprice: "$ 4.35 ", Wholesalesprice: "$ 2.61 ", image: "SK浅型ﾗｳﾝﾄﾞφ14ﾕｰﾛｸﾞﾘｰﾝ.jpg" },
27: { id: "3D00060LI", name: "SK浅型ﾗｳﾝﾄﾞφ14ﾗｲﾑ",Retailprice: "$ 4.35 ", Wholesalesprice: "$ 2.61 ", image: "SK浅型ﾗｳﾝﾄﾞφ14ﾗｲﾑ.jpg" },
28: { id: "3D00060ML", name: "SK浅型ﾗｳﾝﾄﾞφ14ﾐﾙｷｰ",Retailprice: "$ 4.35 ", Wholesalesprice: "$ 2.61 ", image: "SK浅型ﾗｳﾝﾄﾞφ14ﾐﾙｷｰ.jpg" },
29: { id: "3D00060PBE", name: "SK浅型ﾗｳﾝﾄﾞφ14ﾊﾟｳﾀﾞｰﾍﾞｰｼﾞｭ",Retailprice: "$ 4.35 ", Wholesalesprice: "$ 2.61 ", image: "SK浅型ﾗｳﾝﾄﾞφ14ﾊﾟｳﾀﾞｰﾍﾞｰｼﾞｭ.jpg" },
30: { id: "3D00060PU", name: "SK浅型ﾗｳﾝﾄﾞφ14 ﾊﾟｰﾌﾟﾙ",Retailprice: "$ 4.35 ", Wholesalesprice: "$ 2.61 ", image: "SK浅型ﾗｳﾝﾄﾞφ14 ﾊﾟｰﾌﾟﾙ.jpg" },
31: { id: "3D00060SF", name: "SK浅型ﾗｳﾝﾄﾞφ14ｻﾌﾗﾝ",Retailprice: "$ 4.35 ", Wholesalesprice: "$ 2.61 ", image: "SK浅型ﾗｳﾝﾄﾞφ14ｻﾌﾗﾝ.jpg" },
32: { id: "3D00087BK", name: "SK浅型円錐φ13xH6 ﾌﾞﾗｯｸ",Retailprice: "$2.39 ", Wholesalesprice: "$ 1.44 ", image: "SK浅型円錐φ13xH6 ﾌﾞﾗｯｸ.jpg" },
33: { id: "3D00087LPK", name: "SK浅型円錐φ13xH6 ﾗｲﾄﾋﾟﾝｸ",Retailprice: "$2.39 ", Wholesalesprice: "$ 1.44 ", image: "SK浅型円錐φ13xH6 ﾗｲﾄﾋﾟﾝｸ.jpg" },
34: { id: "3D00087ML", name: "SK浅型円錐φ13xH6 ﾐﾙｷｰ",Retailprice: "$ 2.39 ", Wholesalesprice: "$ 1.44 ", image: "SK浅型円錐φ13xH6 ﾐﾙｷｰ.jpg" },
35: { id: "3D00087PBE", name: "SK浅型円錐φ13xH6 ﾊﾟｳﾀﾞｰﾍﾞｰｼﾞｭ",Retailprice: "$2.39", Wholesalesprice: "$ 1.44 ", image: "SK浅型円錐φ13xH6 ﾊﾟｳﾀﾞｰﾍﾞｰｼﾞｭ.jpg" },
36: { id: "3D00087SF", name: "SK浅型円錐φ13xH6 ｻﾌﾗﾝ",Retailprice: "$2.39", Wholesalesprice: "$ 1.44 ", image: "SK浅型円錐φ13xH6 ｻﾌﾗﾝ.jpg" },
37: { id: "3D00080LTC", name: "SK円錐ﾋﾟｰｸ10xH10 ﾗｲﾄﾁｬｺｰﾙ",Retailprice: "$2.21 ", Wholesalesprice: "$ 1.32 ", image: "SK円錐ﾋﾟｰｸ10xH10 ﾗｲﾄﾁｬｺｰﾙ.jpg" },
38: { id: "3D00088SF", name: "SK円錐ﾋﾟｰｸφ10xH10 ｻﾌﾗﾝ",Retailprice: "$2.21", Wholesalesprice: "$ 1.32 ", image: "SK円錐ﾋﾟｰｸφ10xH10 ｻﾌﾗﾝ.jpg" },
39: { id: "3D00088SNV", name: "SK円錐ﾋﾟｰｸφ10xH10 ｽﾚｰﾄﾈｲﾋﾞｰ",Retailprice: "$2.21", Wholesalesprice: "$ 1.32 ", image: "SK円錐ﾋﾟｰｸφ10xH10 ｽﾚｰﾄﾈｲﾋﾞｰ.jpg" },
40: { id: "3D00088WPK", name: "SK円錐ﾋﾟｰｸφ10xH10 ｳｫｰﾑﾋﾟﾝｸ",Retailprice: "$2.21 ", Wholesalesprice: "$ 1.32 ", image: "SK円錐ﾋﾟｰｸφ10xH10 ｳｫｰﾑﾋﾟﾝｸ.jpg" },
41: { id: "3200013AGL", name: "MC円柱ﾍﾞｰｽAGL φ10xH8.5",Retailprice: "$ 4.54", Wholesalesprice: "$ 2.72", image: "MC円柱ﾍﾞｰｽAGL φ10xH8.5.jpg" },
42: { id: "3200013DBK", name: "MC円柱ﾍﾞｰｽDBK φ10xH8.5",Retailprice: "$ 4.54 ", Wholesalesprice: "$ 2.72 ", image: "MC円柱ﾍﾞｰｽDBK φ10xH8.5.jpg" },
43: { id: "3200013NAM", name: "MC円柱ﾍﾞｰｽNAM φ10xH8.5",Retailprice: "$ 4.54 ", Wholesalesprice: "$ 2.72 ", image: "MC円柱ﾍﾞｰｽNAM φ10xH8.5.jpg" },
44: { id: "3200031AGL", name: "MCﾎﾞｳﾙﾒﾀﾙAGL φ12.5(10)xH9",Retailprice: "$ 6.17 ", Wholesalesprice: "$ 3.70 ", image: "MCﾎﾞｳﾙﾒﾀﾙAGL φ12.5(10)xH9.jpg" },
45: { id: "3200031BGL", name: "MCﾎﾞｳﾙﾒﾀﾙBGL φ12.5(10)xH9",Retailprice: "$ 6.17 ", Wholesalesprice: "$3.70 ", image: "MCﾎﾞｳﾙﾒﾀﾙBGL φ12.5(10)xH9.jpg" },
46: { id: "3200031BWH", name: "MCﾎﾞｳﾙﾒﾀﾙBWH φ12.5(10)xH9",Retailprice: "$ 6.17 ", Wholesalesprice: "$ 3.70 ", image: "MCﾎﾞｳﾙﾒﾀﾙBWH φ12.5(10)xH9.jpg" },
47: { id: "3200031DBK", name: "MCﾎﾞｳﾙﾒﾀﾙDBK φ12.5(10)xH9",Retailprice: "$ 6.17 ", Wholesalesprice: "$ 3.70 ", image: "MCﾎﾞｳﾙﾒﾀﾙDBK φ12.5(10)xH9.jpg" },
48: { id: "3200031NAM", name: "MCﾎﾞｳﾙﾒﾀﾙNAM φ12.5(10)xH9",Retailprice: "$ 6.17 ", Wholesalesprice: "$ 3.70 ", image: "MCﾎﾞｳﾙﾒﾀﾙNAM φ12.5(10)xH9.jpg" },
49: { id: "shapi-1", price: "$1.5", image: "shapi-1.jpg" },
50: { id: "shapi-2", price: "$1.1", image: "shapi-2.jpg" },
51: { id: "shapi-3", price: "$0.79", image: "shapi-3.jpg" },
52: { id: "shapi-4", price: "$1", image: "shapi-4.jpg" },
53: { id: "shapi-5", price: "$0.7", image: "shapi-5.jpg" },
54: { id: "shapi-6", price: "$0.7", image: "shapi-6.jpg" },
55: { id: "shapi-7", price: "$2.48", image: "shapi-7.jpg" },
56: { id: "shapi-8", price: "$0.93", image: "shapi-8.jpg" },
57: { id: "shapi-9", price: "$0.7", image: "shapi-9.jpg" },
58: { id: "shapi-10", price: "$0.79", image: "shapi-10.jpg" },
59: { id: "shapi-11", price: "$0.93", image: "shapi-11.jpg" },
60: { id: "shapi-12", price: "$2.5", image: "shapi-12.jpg" },
61: { id: "shapi-13", price: "$1.02", image: "shapi-13.jpg" },
62: { id: "shapi-14", price: "$1.25", image: "shapi-14.jpg" },
63: { id: "shapi-15", price: "$1.49", image: "shapi-15.jpg" },
64: { id: "shapi-16", price: "$1.2", image: "shapi-16.jpg" },
65: { id: "shapi-17", price: "$1.11", image: "shapi-17.jpg" },
66: { id: "shapi-18", price: "$0.79", image: "shapi-18.jpg" },
67: { id: "shapi-19", price: "$0.79", image: "shapi-19.jpg" },
68: { id: "shapi-20", price: "$0.7", image: "shapi-20.jpg" },
69: { id: "shapi-21", price: "$4.50", image: "shapi-21.jpg" },
70: { id: "shapi-22", price: "$0.79", image: "shapi-22.jpg" },
71: { id: "shapi-23", price: "$0.79", image: "shapi-23.jpg" },
72: { id: "shapi-24", price: "$0.79", image: "shapi-24.jpg" },
73: { id: "shapi-25", price: "$1.5", image: "shapi-25.jpg" },
74: { id: "shapi-26", price: "$1.5", image: "shapi-26.jpg" },
75: { id: "shapi-27", price: "$4", image: "shapi-27.jpg" },
76: { id: "shapi-28", price: "$4.15", image: "shapi-28.jpg" },
77: { id: "shapi-29", price: "$2.5", image: "shapi-29.jpg" },
78: { id: "shapi-30", price: "$2.7", image: "shapi-30.JPG" },
79: { id: "shapi-31", price: "$0.79", image: "shapi-31.jpg" },
80: { id: "shapi-32", price: "$0.79", image: "shapi-32.jpg" },
81: { id: "shapi-33", price: "$9.73", image: "shapi-33.jpg" },
82: { id: "shapi-34", price: "$0.5", image: "shapi-34.jpg" },
83: { id: "shapi-35", price: "$0.5", image: "shapi-35.jpg" },
84: { id: "shapi-36", price: "$0.5", image: "shapi-36.jpg" },
85: { id: "shapi-37", price: "$0.5", image: "shapi-37.jpg" },
86: { id: "shapi-38", price: "$0.5", image: "shapi-38.jpg" },
87: { id: "shapi-39", price: "$0.5", image: "shapi-39.jpg" },
88: { id: "shapi-40", price: "$2.6", image: "shapi-40.jpg" },
89: { id: "shapi-41", price: "$0.79", image: "shapi-41.jpg" },
90: { id: "shapi-42", price: "$0.79", image: "shapi-42.jpg" },
91: { id: "shapi-43", price: "$2.5", image: "shapi-43.jpg" },
92: { id: "shapi-44", price: "$4.25", image: "shapi-44.jpg" },
93: { id: "shapi-45", price: "$2.6", image: "shapi-45.jpg" },
94: { id: "shapi-46", price: "$2.7", image: "shapi-46.jpg" },
95: { id: "shapi-47", price: "$1.75", image: "shapi-47.jpg" },
96: { id: "shapi-48", price: "$2.85", image: "shapi-48.jpg" },
97: { id: "shapi-49", price: "$0.5", image: "shapi-49.jpg" },
98: { id: "shapi-50", price: "$0.79", image: "shapi-50.jpg" },
99: { id: "shapi-51", price: "$2", image: "shapi-51.JPG" },
100: { id: "shapi-52", price: "$3.44", image: "shapi-52.JPG" },
101: { id: "shapi-53", price: "$2.8", image: "shapi-53.jpg" },
102: { id: "shapi-54", price: "$2.8", image: "shapi-54.jpg" },
103: { id: "shapi-55", price: "$2.8", image: "shapi-55.jpg" },
104: { id: "shapi-56", price: "$2.85", image: "shapi-56.jpg" },
105: { id: "shapi-57", price: "$2.5", image: "shapi-57.jpg" },
106: { id: "shapi-58", price: "$2.76", image: "shapi-58.JPG" },
107: { id: "shapi-59", price: "$2.85", image: "shapi-59.JPG" },
108: { id: "shapi-60", price: "$2.5", image: "shapi-60.jpg" },
109: { id: "shapi-61", price: "$3.00", image: "shapi-61.jpg" },
110: { id: "shapi-62", price: "$1.20", image: "shapi-62.jpg" },
111: { id: "shapi-63", price: "$1.80", image: "shapi-63.jpg" },
112: { id: "shapi-64", price: "$2.00", image: "shapi-64.jpg" },
113: { id: "shapi-65", price: "$1.50", image: "shapi-65.jpg" },
114: { id: "shapi-66", price: "$1.70", image: "shapi-66.jpg" },
115: { id: "shapi-67", price: "$4.50", image: "shapi-67.jpg" },
116: { id: "shapi-68", price: "$4.00", image: "shapi-68.jpg" },
117: { id: "-", name: "Sola Flower Wreath φ36",Retailprice: "$30.38", Wholesalesprice: "$9.49", image: "fake grass.jpg" },
118: { id: "-", name: "Sola Flower Wreath φ20",Retailprice: "$12.66", Wholesalesprice: "$5.06", image: "fake grass.jpg" },
119: { id: "-", name: "Flower Wreath M φ31-39",Retailprice: "$25.32", Wholesalesprice: "$12.66", image: "fake grass.jpg" },
120: { id: "-", name: "Flower Wreath S φ23-29",Retailprice: "$15.82", Wholesalesprice: "$5.06", image: "fake grass.jpg" },
121: { id: "-", name: "Flower Ball",Retailprice: "$9.49", Wholesalesprice: "3.16", image: "fake grass.jpg" },
122: { id: "-", name: "Green Sheet 50*50",Retailprice: "$22.78", Wholesalesprice: "$9.49", image: "fake grass.jpg" },
123: { id: "-", name: "PotFlower φ18*18",Retailprice: "$14.56", Wholesalesprice: "$6.33:", image: "fake grass.jpg" },
}
function getProduct(id) {
return products[id] || null;
}
function displayProduct(product) {
if (product) {
let productInfoHtml = '';
if (product.name) {
productInfoHtml += `
<img src="${product.image}" alt="${product.name}">
<table>
<tr>
<td>Product Code</td>
<td>${product.id}</td>
</tr>
<tr>
<td>Name</td>
<td>${product.name}</td>
</tr>
<tr>
<td>Retail Price</td>
<td>${product.Retailprice}</td>
</tr>
<tr>
<td>Wholesales Price</td>
<td>${product.Wholesalesprice}</td>
</tr>
</table>
`;
} else {
productInfoHtml += `
<img src="${product.image}" alt="Product Image">
<table>
<tr>
<td>Product Code</td>
<td>${product.id}</td>
</tr>
<tr>
<td>Price</td>
<td>${product.price}</td>
</tr>
</table>
`;
// Change logo and URL for products with ID 49 and above
document.getElementById('logo').src = "shapi-logo.png"; // New logo URL
document.getElementById('website-url').href = "https://www2.salayhandmade.com/"; // New website URL
document.getElementById('website-url').textContent = "ww2.salayhandmade.com"; // New website URL
}
document.getElementById('product-info').innerHTML = productInfoHtml;
} else {
document.getElementById('product-info').innerHTML = '<p>Product not found.</p>';
}
}
const urlParams = new URLSearchParams(window.location.search);
const productId = urlParams.get('id');
const product = getProduct(productId);
displayProduct(product);
</script>
</body>
</html>