refactor: update products.json to replace outdated product entries with new screens and executive desks, enhancing catalog relevance and organization; update product manager script to improve filter UI functionality

This commit is contained in:
George Birikorang 2025-09-17 14:34:51 -07:00
parent 5bde51ad28
commit 10f434fec8
24 changed files with 244 additions and 155 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 451 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 75 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 158 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 527 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 75 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 380 KiB

View file

@ -377,15 +377,15 @@
}, },
{ {
"id": 6, "id": 6,
"name": "Leviosa", "name": "Cocoon",
"description": "Ergonomic office chair with adjustable features and breathable mesh back. Designed for all-day comfort and productivity.", "description": "Privacy screen with cocoon design for enhanced workspace privacy and acoustic control. Perfect for open office environments.",
"image": "assets/images/office_chair.jpg", "image": "assets/images/products/categories/screens/cocoon/edit72-008-350x350.jpg",
"alt": "Leviosa", "alt": "Cocoon",
"category": "seating", "category": "screens",
"price": 349.99, "price": 349.99,
"inStock": true, "inStock": true,
"modelNo": "SE006", "modelNo": "SC006",
"tags": ["Chair", "Seating", "Office", "Ergonomic"], "tags": ["Screen", "Privacy", "Office", "Acoustic"],
"sizes": ["XS", "S", "M", "L", "XL"], "sizes": ["XS", "S", "M", "L", "XL"],
"colors": [ "colors": [
{ {
@ -410,18 +410,17 @@
"rating": "4.5", "rating": "4.5",
"reviews": 80, "reviews": 80,
"images": [ "images": [
"assets/images/office_chair.jpg", "assets/images/products/categories/screens/cocoon/edit72-008-350x350.jpg",
"assets/images/office_chair.jpg", "assets/images/products/categories/screens/cocoon/entrawood-catalogue-sml-10-350x350.jpg",
"assets/images/office_chair.jpg", "assets/images/products/categories/screens/cocoon/MosheCapital-Nov2019-LR-4323-350x350.jpg"
"assets/images/office_chair.jpg"
], ],
"descriptionLong": [ "descriptionLong": [
"Enhance workplace productivity with our ergonomic office chair designed for extended use. This chair combines advanced ergonomic features with contemporary design to provide optimal support and comfort throughout the workday.", "Create private workspaces with our innovative Cocoon privacy screen. This screen combines elegant design with functional privacy features to enhance focus and productivity in open office environments.",
"The chair features adjustable height, lumbar support, and breathable mesh back for temperature regulation. The premium materials and construction ensure durability while the ergonomic design helps prevent fatigue and promotes proper posture." "The Cocoon screen features acoustic properties and flexible positioning options. The premium materials and construction ensure durability while the curved design provides optimal privacy without feeling enclosed."
], ],
"additionalInformation": { "additionalInformation": {
"Material": "Aluminum base, mesh back, fabric seat", "Material": "Premium fabric, aluminum frame",
"Adjustments": "Height, tilt, lumbar support", "Adjustments": "Height adjustable, flexible positioning",
"Dimensions": "See size options", "Dimensions": "See size options",
"Warranty": "5 years", "Warranty": "5 years",
"warrantyServiceType": "Standard warranty service", "warrantyServiceType": "Standard warranty service",
@ -431,11 +430,11 @@
"reviewsCount": 80, "reviewsCount": 80,
"galleryPairs": [ "galleryPairs": [
{ {
"left": "assets/images/office_chair.jpg", "left": "assets/images/products/categories/screens/cocoon/edit72-008-350x350.jpg",
"right": "assets/images/office_chair.jpg" "right": "assets/images/products/categories/screens/cocoon/entrawood-catalogue-sml-10-350x350.jpg"
} }
], ],
"dimensions": "100cm x 70cm x 85cm", "dimensions": "120cm x 60cm x 150cm",
"salesPackage": "1 unit", "salesPackage": "1 unit",
"configuration": "Standard", "configuration": "Standard",
"fillingMaterial": "High-density foam", "fillingMaterial": "High-density foam",
@ -452,15 +451,15 @@
}, },
{ {
"id": 7, "id": 7,
"name": "Lolito", "name": "Global Mute Cocoon",
"description": "Acoustic meeting pod with sound-absorbing materials and integrated technology. Perfect for private conversations and focused work.", "description": "Advanced acoustic privacy screen with global mute technology. Perfect for confidential conversations and noise reduction in open office environments.",
"image": "assets/images/conference_room.jpg", "image": "assets/images/products/categories/screens/global-mute-cocoon/GLOBAL-MUTE-COCOON SCREEN-2.jpg",
"alt": "Lolito", "alt": "Global Mute Cocoon",
"category": "tables", "category": "screens",
"price": 899.99, "price": 899.99,
"inStock": true, "inStock": true,
"modelNo": "TA007", "modelNo": "SC007",
"tags": ["Table", "Workstation", "Office", "Conference"], "tags": ["Screen", "Privacy", "Acoustic", "Technology"],
"sizes": ["S", "M", "L"], "sizes": ["S", "M", "L"],
"colors": [ "colors": [
{ {
@ -485,18 +484,16 @@
"rating": "4.3", "rating": "4.3",
"reviews": 10, "reviews": 10,
"images": [ "images": [
"assets/images/conference_room.jpg", "assets/images/products/categories/screens/global-mute-cocoon/GLOBAL-MUTE-COCOON SCREEN-2.jpg",
"assets/images/conference_room.jpg", "assets/images/products/categories/screens/global-mute-cocoon/GLOBAL-MUTE-COCOON-SCREEN.png.jpg"
"assets/images/conference_room.jpg",
"assets/images/conference_room.jpg"
], ],
"descriptionLong": [ "descriptionLong": [
"Create private, distraction-free environments with our acoustic meeting pods. These innovative workspace solutions provide the perfect setting for confidential conversations, focused work sessions, and small team meetings.", "Experience ultimate privacy with our Global Mute Cocoon screen featuring advanced acoustic technology. This innovative screen provides superior sound isolation and privacy for confidential conversations and focused work.",
"Each pod features advanced acoustic engineering with sound-absorbing materials that create a quiet, private environment. The integrated ventilation system and comfortable seating ensure extended use comfort, while the modular design allows for easy installation in any office space." "The Global Mute Cocoon features cutting-edge acoustic engineering with sound-absorbing materials that create a quiet, private environment. The integrated technology ensures optimal sound reduction while the elegant design enhances any office space."
], ],
"additionalInformation": { "additionalInformation": {
"Material": "Acoustic panels, steel frame", "Material": "Premium acoustic panels, aluminum frame",
"Acoustics": "Sound reduction up to 35dB", "Acoustics": "Advanced sound reduction technology",
"Dimensions": "See size options", "Dimensions": "See size options",
"Warranty": "3 years", "Warranty": "3 years",
"warrantyServiceType": "Standard warranty service", "warrantyServiceType": "Standard warranty service",
@ -506,11 +503,11 @@
"reviewsCount": 10, "reviewsCount": 10,
"galleryPairs": [ "galleryPairs": [
{ {
"left": "assets/images/conference_room.jpg", "left": "assets/images/products/categories/screens/global-mute-cocoon/GLOBAL-MUTE-COCOON SCREEN-2.jpg",
"right": "assets/images/conference_room.jpg" "right": "assets/images/products/categories/screens/global-mute-cocoon/GLOBAL-MUTE-COCOON-SCREEN.png.jpg"
} }
], ],
"dimensions": "180cm x 90cm x 75cm", "dimensions": "150cm x 80cm x 180cm",
"salesPackage": "1 unit", "salesPackage": "1 unit",
"configuration": "Standard", "configuration": "Standard",
"fillingMaterial": "High-density foam", "fillingMaterial": "High-density foam",
@ -527,15 +524,15 @@
}, },
{ {
"id": 8, "id": 8,
"name": "Respira", "name": "Global Mute Desk",
"description": "Private phone booth with acoustic insulation and ventilation. Ideal for confidential calls and focused work sessions.", "description": "Desk-based privacy screen with global mute technology. Perfect for individual workstations requiring enhanced privacy and acoustic control.",
"image": "assets/images/conference_rooms.jpg", "image": "assets/images/products/categories/screens/global-mute-desk/GLOBAL-MUTE-DESK-BASED-SCREEN.webp",
"alt": "Respira", "alt": "Global Mute Desk",
"category": "storage", "category": "screens",
"price": 599.99, "price": 599.99,
"inStock": true, "inStock": true,
"modelNo": "ST008", "modelNo": "SC008",
"tags": ["Storage", "Cabinet", "Office", "Organization"], "tags": ["Screen", "Desk", "Privacy", "Technology"],
"sizes": ["M", "L", "XL"], "sizes": ["M", "L", "XL"],
"colors": [ "colors": [
{ {
@ -560,18 +557,17 @@
"rating": "4.7", "rating": "4.7",
"reviews": 89, "reviews": 89,
"images": [ "images": [
"assets/images/conference_rooms.jpg", "assets/images/products/categories/screens/global-mute-desk/GLOBAL-MUTE-DESK-BASED-SCREEN.webp",
"assets/images/conference_rooms.jpg", "assets/images/products/categories/screens/global-mute-desk/MUTE-DESK-BASED-SCREEN-2.webp",
"assets/images/conference_rooms.jpg", "assets/images/products/categories/screens/global-mute-desk/GLOBAL-MUTE-SCREEN-1.jpg"
"assets/images/conference_rooms.jpg"
], ],
"descriptionLong": [ "descriptionLong": [
"Ensure privacy and focus with our professional phone booth solution. Designed for modern open-plan offices, these booths provide the perfect environment for confidential calls, video conferences, and focused work sessions.", "Enhance your workstation privacy with our Global Mute Desk screen. This innovative desk-based privacy solution provides superior acoustic control and visual privacy for individual workstations.",
"The booth features advanced acoustic insulation, integrated ventilation, and optional power solutions. The compact design maximizes space efficiency while providing a comfortable, private environment for professional communication needs." "The Global Mute Desk features advanced acoustic technology with sound-absorbing materials that create a quiet, focused environment. The desk-integrated design maximizes space efficiency while providing optimal privacy for professional work."
], ],
"additionalInformation": { "additionalInformation": {
"Material": "Acoustic panels, tempered glass", "Material": "Premium acoustic panels, aluminum frame",
"Privacy": "Sound reduction up to 40dB", "Privacy": "Advanced sound reduction technology",
"Dimensions": "See size options", "Dimensions": "See size options",
"Warranty": "2 years", "Warranty": "2 years",
"warrantyServiceType": "Standard warranty service", "warrantyServiceType": "Standard warranty service",
@ -581,11 +577,11 @@
"reviewsCount": 89, "reviewsCount": 89,
"galleryPairs": [ "galleryPairs": [
{ {
"left": "assets/images/conference_rooms.jpg", "left": "assets/images/products/categories/screens/global-mute-desk/GLOBAL-MUTE-DESK-BASED-SCREEN.webp",
"right": "assets/images/conference_rooms.jpg" "right": "assets/images/products/categories/screens/global-mute-desk/MUTE-DESK-BASED-SCREEN-2.webp"
} }
], ],
"dimensions": "80cm x 40cm x 180cm", "dimensions": "120cm x 60cm x 120cm",
"salesPackage": "1 unit", "salesPackage": "1 unit",
"configuration": "Standard", "configuration": "Standard",
"fillingMaterial": "High-density foam", "fillingMaterial": "High-density foam",
@ -602,15 +598,15 @@
}, },
{ {
"id": 9, "id": 9,
"name": "Lounge Chairs", "name": "Simple",
"description": "Modular workstation with integrated storage and cable management. Designed for efficient workspace organization.", "description": "Clean and minimalist privacy screen for modern office environments. Simple design with effective privacy and acoustic control.",
"image": "assets/images/lounge_chair.jpg", "image": "assets/images/products/categories/screens/simple/SIMPLE-SCREEN-1.webp",
"alt": "Lounge Chairs", "alt": "Simple",
"category": "seating", "category": "screens",
"price": 299.99, "price": 299.99,
"inStock": true, "inStock": true,
"modelNo": "SE009", "modelNo": "SC009",
"tags": ["Chair", "Seating", "Office", "Ergonomic"], "tags": ["Screen", "Privacy", "Minimalist", "Office"],
"sizes": ["XS", "S", "M", "L", "XL"], "sizes": ["XS", "S", "M", "L", "XL"],
"colors": [ "colors": [
{ {
@ -635,18 +631,17 @@
"rating": "4.9", "rating": "4.9",
"reviews": 58, "reviews": 58,
"images": [ "images": [
"assets/images/lounge_chair.jpg", "assets/images/products/categories/screens/simple/SIMPLE-SCREEN-1.webp",
"assets/images/lounge_chair.jpg", "assets/images/products/categories/screens/simple/SIMPLE-SCREEN-2.webp",
"assets/images/lounge_chair.jpg", "assets/images/products/categories/screens/simple/SIMPLE-SCREEN-3.webp"
"assets/images/lounge_chair.jpg"
], ],
"descriptionLong": [ "descriptionLong": [
"Optimize your workspace with our modular workstation system. This comprehensive solution combines ergonomic design with intelligent storage and cable management to create highly functional work environments.", "Achieve clean workspace privacy with our Simple screen design. This minimalist privacy solution provides effective visual and acoustic separation without overwhelming your office aesthetic.",
"The workstation features adjustable components, integrated power solutions, and customizable storage options. The modular design allows for easy reconfiguration as workspace needs evolve, while the premium materials ensure long-lasting performance." "The Simple screen features clean lines and premium materials that blend seamlessly with modern office environments. The straightforward design ensures easy installation and maintenance while providing reliable privacy and acoustic control."
], ],
"additionalInformation": { "additionalInformation": {
"Material": "Engineered wood, steel frame", "Material": "Premium fabric, aluminum frame",
"Modularity": "Fully customizable configuration", "Design": "Minimalist and clean aesthetic",
"Dimensions": "See size options", "Dimensions": "See size options",
"Warranty": "5 years", "Warranty": "5 years",
"warrantyServiceType": "Standard warranty service", "warrantyServiceType": "Standard warranty service",
@ -656,11 +651,11 @@
"reviewsCount": 58, "reviewsCount": 58,
"galleryPairs": [ "galleryPairs": [
{ {
"left": "assets/images/lounge_chair.jpg", "left": "assets/images/products/categories/screens/simple/SIMPLE-SCREEN-1.webp",
"right": "assets/images/lounge_chair.jpg" "right": "assets/images/products/categories/screens/simple/SIMPLE-SCREEN-2.webp"
} }
], ],
"dimensions": "120cm x 75cm x 85cm", "dimensions": "100cm x 50cm x 140cm",
"salesPackage": "1 unit", "salesPackage": "1 unit",
"configuration": "Standard", "configuration": "Standard",
"fillingMaterial": "High-density foam", "fillingMaterial": "High-density foam",
@ -677,15 +672,15 @@
}, },
{ {
"id": 10, "id": 10,
"name": "Leviosa", "name": "Diamond Loop",
"description": "Professional conference table with integrated technology and cable management. Perfect for executive meetings and presentations.", "description": "Premium executive desk with diamond loop design. Perfect for executive offices requiring sophisticated workspace solutions with integrated cable management.",
"image": "assets/images/office_chair.jpg", "image": "assets/images/products/categories/executive-desks/diamond-loop/DIAMOND-LOOP-MANAGERIAL-DESK.jpg",
"alt": "Leviosa", "alt": "Diamond Loop",
"category": "seating", "category": "executive-desks",
"price": 349.99, "price": 349.99,
"inStock": true, "inStock": true,
"modelNo": "SE010", "modelNo": "ED010",
"tags": ["Chair", "Seating", "Office", "Ergonomic"], "tags": ["Desk", "Executive", "Office", "Premium"],
"sizes": ["XS", "S", "M", "L", "XL"], "sizes": ["XS", "S", "M", "L", "XL"],
"colors": [ "colors": [
{ {
@ -710,18 +705,17 @@
"rating": "4.7", "rating": "4.7",
"reviews": 82, "reviews": 82,
"images": [ "images": [
"assets/images/office_chair.jpg", "assets/images/products/categories/executive-desks/diamond-loop/DIAMOND-LOOP-MANAGERIAL-DESK.jpg",
"assets/images/office_chair.jpg", "assets/images/products/categories/executive-desks/diamond-loop/DIAMOND-LOOP-IN-OPEN-PLAN-3.jpg",
"assets/images/office_chair.jpg", "assets/images/products/categories/executive-desks/diamond-loop/DIAMOND-LOOP-OPEN-PLAN-1.jpg"
"assets/images/office_chair.jpg"
], ],
"descriptionLong": [ "descriptionLong": [
"Elevate your meeting experience with our professional conference table. Designed for executive environments and important presentations, this table combines sophisticated design with integrated technology solutions.", "Experience executive luxury with our Diamond Loop desk. This premium executive desk combines sophisticated design with advanced functionality, perfect for high-level executives and decision-makers.",
"The table features built-in power outlets, cable management systems, and optional AV integration. The premium finish and robust construction ensure it makes a lasting impression while providing the functionality needed for productive meetings." "The Diamond Loop features integrated cable management, premium materials, and a distinctive loop design that creates an impressive executive presence. The robust construction and elegant finish ensure it meets the demands of the most discerning professionals."
], ],
"additionalInformation": { "additionalInformation": {
"Material": "Solid wood top, steel frame", "Material": "Premium wood top, aluminum frame",
"Technology": "Integrated power and cable management", "Technology": "Integrated cable management system",
"Dimensions": "See size options", "Dimensions": "See size options",
"Warranty": "5 years", "Warranty": "5 years",
"warrantyServiceType": "Standard warranty service", "warrantyServiceType": "Standard warranty service",
@ -731,11 +725,11 @@
"reviewsCount": 82, "reviewsCount": 82,
"galleryPairs": [ "galleryPairs": [
{ {
"left": "assets/images/office_chair.jpg", "left": "assets/images/products/categories/executive-desks/diamond-loop/DIAMOND-LOOP-MANAGERIAL-DESK.jpg",
"right": "assets/images/office_chair.jpg" "right": "assets/images/products/categories/executive-desks/diamond-loop/DIAMOND-LOOP-IN-OPEN-PLAN-3.jpg"
} }
], ],
"dimensions": "90cm x 90cm x 85cm", "dimensions": "180cm x 90cm x 75cm",
"salesPackage": "1 unit", "salesPackage": "1 unit",
"configuration": "Standard", "configuration": "Standard",
"fillingMaterial": "High-density foam", "fillingMaterial": "High-density foam",
@ -752,15 +746,15 @@
}, },
{ {
"id": 11, "id": 11,
"name": "Lolito", "name": "Allure",
"description": "Professional table solution with durable construction and versatile design. Perfect for meetings, collaboration, and workspace organization.", "description": "Elegant executive desk with allure design. Perfect for executive offices requiring sophisticated workspace solutions with premium materials and refined aesthetics.",
"image": "assets/images/conference_room.jpg", "image": "assets/images/products/categories/executive-desks/allure/ALLURE-EXECUTIVE-DESK.jpg",
"alt": "Lolito", "alt": "Allure",
"category": "tables", "category": "executive-desks",
"price": 899.99, "price": 899.99,
"inStock": true, "inStock": true,
"modelNo": "TA011", "modelNo": "ED011",
"tags": ["Table", "Workstation", "Office", "Conference"], "tags": ["Desk", "Executive", "Elegant", "Premium"],
"sizes": ["S", "M", "L"], "sizes": ["S", "M", "L"],
"colors": [ "colors": [
{ {
@ -785,18 +779,17 @@
"rating": "4.3", "rating": "4.3",
"reviews": 38, "reviews": 38,
"images": [ "images": [
"assets/images/conference_room.jpg", "assets/images/products/categories/executive-desks/allure/ALLURE-EXECUTIVE-DESK.jpg",
"assets/images/conference_room.jpg", "assets/images/products/categories/executive-desks/allure/Thumbnail_Desks-Tables_Desks_Alluree_Categories_Gallery_00_600x600px.jpg",
"assets/images/conference_room.jpg", "assets/images/products/categories/executive-desks/allure/Thumbnail_Desks-Tables_Desks_Alluree_Categories_Gallery_07_600x600px.jpg"
"assets/images/conference_room.jpg"
], ],
"descriptionLong": [ "descriptionLong": [
"This professional table solution is designed to meet the diverse needs of modern workplaces. Combining durability with versatile design, it provides the perfect foundation for productive meetings and collaborative work.", "Discover executive elegance with our Allure desk. This sophisticated executive desk combines refined aesthetics with premium functionality, perfect for executives who demand both style and substance.",
"The table features premium materials and construction techniques that ensure years of reliable use. The thoughtful design includes integrated cable management and optional power solutions to support modern work requirements." "The Allure features premium materials, elegant design elements, and integrated cable management. The sophisticated construction and refined finish create an impressive executive presence while providing all the functionality needed for high-level decision-making."
], ],
"additionalInformation": { "additionalInformation": {
"Material": "Premium materials with durable construction", "Material": "Premium wood top, aluminum frame",
"Design": "Contemporary professional aesthetic", "Design": "Elegant executive aesthetic",
"Dimensions": "See size options", "Dimensions": "See size options",
"Warranty": "3 years", "Warranty": "3 years",
"warrantyServiceType": "Standard warranty service", "warrantyServiceType": "Standard warranty service",
@ -806,8 +799,8 @@
"reviewsCount": 38, "reviewsCount": 38,
"galleryPairs": [ "galleryPairs": [
{ {
"left": "assets/images/conference_room.jpg", "left": "assets/images/products/categories/executive-desks/allure/ALLURE-EXECUTIVE-DESK.jpg",
"right": "assets/images/conference_room.jpg" "right": "assets/images/products/categories/executive-desks/allure/Thumbnail_Desks-Tables_Desks_Alluree_Categories_Gallery_00_600x600px.jpg"
} }
], ],
"dimensions": "200cm x 100cm x 75cm", "dimensions": "200cm x 100cm x 75cm",
@ -827,15 +820,15 @@
}, },
{ {
"id": 12, "id": 12,
"name": "Respira", "name": "Ecocentric Lite",
"description": "Efficient storage solution with intelligent organization features. Essential for maintaining organized and productive work environments.", "description": "Sustainable executive desk with ecocentric design. Perfect for environmentally conscious executives seeking premium workspace solutions with eco-friendly materials.",
"image": "assets/images/conference_rooms.jpg", "image": "assets/images/products/categories/executive-desks/ecocentric-lite/ECOCENTRIC-LITE-DESK-IN-NW-BLACK.jpg",
"alt": "Respira", "alt": "Ecocentric Lite",
"category": "storage", "category": "executive-desks",
"price": 599.99, "price": 599.99,
"inStock": true, "inStock": true,
"modelNo": "ST012", "modelNo": "ED012",
"tags": ["Storage", "Cabinet", "Office", "Organization"], "tags": ["Desk", "Executive", "Sustainable", "Eco-friendly"],
"sizes": ["M", "L", "XL"], "sizes": ["M", "L", "XL"],
"colors": [ "colors": [
{ {
@ -860,18 +853,18 @@
"rating": "4.6", "rating": "4.6",
"reviews": 11, "reviews": 11,
"images": [ "images": [
"assets/images/conference_rooms.jpg", "assets/images/products/categories/executive-desks/ecocentric-lite/ECOCENTRIC-LITE-DESK-IN-NW-BLACK.jpg",
"assets/images/conference_rooms.jpg", "assets/images/products/categories/executive-desks/ecocentric-lite/ECOCENTRIC-LITE-IN-ACACIA-AND-BLACK.jpg",
"assets/images/conference_rooms.jpg", "assets/images/products/categories/executive-desks/ecocentric-lite/ECOCENTRIC-LITE-IN-DARK-EUCALYPTUS-AND-BLACK.jpg",
"assets/images/conference_rooms.jpg" "assets/images/products/categories/executive-desks/ecocentric-lite/ECOCENTRIC-LITE-IN-NATURAL-WALNUT.jpg"
], ],
"descriptionLong": [ "descriptionLong": [
"Maximize workspace efficiency with this intelligent storage solution. Designed to meet the organizational needs of modern offices, it provides secure and accessible storage for all workplace essentials.", "Embrace sustainable luxury with our Ecocentric Lite executive desk. This environmentally conscious desk combines premium functionality with eco-friendly materials, perfect for executives who value both performance and sustainability.",
"The storage unit features adjustable components, integrated security options, and premium materials that ensure long-lasting performance. The modular design allows for easy customization to fit specific storage requirements." "The Ecocentric Lite features sustainable materials, integrated cable management, and a refined design that reflects environmental responsibility. The premium construction and eco-friendly finish create an impressive executive presence while supporting sustainable business practices."
], ],
"additionalInformation": { "additionalInformation": {
"Material": "Premium materials with durable construction", "Material": "Sustainable wood top, eco-friendly frame",
"Design": "Contemporary professional aesthetic", "Design": "Sustainable executive aesthetic",
"Dimensions": "See size options", "Dimensions": "See size options",
"Warranty": "3 years", "Warranty": "3 years",
"warrantyServiceType": "Standard warranty service", "warrantyServiceType": "Standard warranty service",
@ -881,11 +874,11 @@
"reviewsCount": 11, "reviewsCount": 11,
"galleryPairs": [ "galleryPairs": [
{ {
"left": "assets/images/conference_rooms.jpg", "left": "assets/images/products/categories/executive-desks/ecocentric-lite/ECOCENTRIC-LITE-DESK-IN-NW-BLACK.jpg",
"right": "assets/images/conference_rooms.jpg" "right": "assets/images/products/categories/executive-desks/ecocentric-lite/ECOCENTRIC-LITE-IN-ACACIA-AND-BLACK.jpg"
} }
], ],
"dimensions": "70cm x 35cm x 160cm", "dimensions": "160cm x 80cm x 75cm",
"salesPackage": "1 unit", "salesPackage": "1 unit",
"configuration": "Standard", "configuration": "Standard",
"fillingMaterial": "High-density foam", "fillingMaterial": "High-density foam",
@ -902,15 +895,15 @@
}, },
{ {
"id": 13, "id": 13,
"name": "Lounge Chairs", "name": "Evolution L-Shape",
"description": "Premium seating solution designed for modern office environments. Combines comfort, style, and durability for professional workspaces.", "description": "Versatile L-shaped executive desk with evolution design. Perfect for executives requiring flexible workspace solutions with maximum functionality and premium materials.",
"image": "assets/images/lounge_chair.jpg", "image": "assets/images/products/categories/executive-desks/evolution-l-shape/evolution-with-pedenza-600x600.png",
"alt": "Lounge Chairs", "alt": "Evolution L-Shape",
"category": "seating", "category": "executive-desks",
"price": 299.99, "price": 299.99,
"inStock": true, "inStock": true,
"modelNo": "SE013", "modelNo": "ED013",
"tags": ["Chair", "Seating", "Office", "Ergonomic"], "tags": ["Desk", "Executive", "L-Shape", "Versatile"],
"sizes": ["XS", "S", "M", "L", "XL"], "sizes": ["XS", "S", "M", "L", "XL"],
"colors": [ "colors": [
{ {
@ -935,18 +928,18 @@
"rating": "5.0", "rating": "5.0",
"reviews": 48, "reviews": 48,
"images": [ "images": [
"assets/images/lounge_chair.jpg", "assets/images/products/categories/executive-desks/evolution-l-shape/evolution-with-pedenza-600x600.png",
"assets/images/lounge_chair.jpg", "assets/images/products/categories/executive-desks/evolution-l-shape/evolution-manager-pedenza-300x300.jpg",
"assets/images/lounge_chair.jpg", "assets/images/products/categories/executive-desks/evolution-l-shape/92dpi-12-300x300.jpg",
"assets/images/lounge_chair.jpg" "assets/images/products/categories/executive-desks/evolution-l-shape/MTC-minerals-IXAXA-12-2017-2105-800x800.jpg"
], ],
"descriptionLong": [ "descriptionLong": [
"This premium seating solution is engineered for the modern workplace, offering the perfect balance of comfort, style, and functionality. Designed with ergonomic principles and premium materials, it provides exceptional support for extended use.", "Maximize your workspace potential with our Evolution L-Shape executive desk. This versatile desk combines premium functionality with flexible design, perfect for executives who need maximum workspace efficiency and professional aesthetics.",
"The chair features advanced ergonomic design with adjustable components and breathable materials. The durable construction ensures long-lasting performance while the contemporary aesthetic enhances any office environment." "The Evolution L-Shape features premium materials, integrated cable management, and a flexible L-shaped design that maximizes workspace utilization. The robust construction and elegant finish create an impressive executive presence while providing all the functionality needed for complex work requirements."
], ],
"additionalInformation": { "additionalInformation": {
"Material": "Premium materials with durable construction", "Material": "Premium wood top, aluminum frame",
"Design": "Contemporary professional aesthetic", "Design": "Versatile L-shaped executive aesthetic",
"Dimensions": "See size options", "Dimensions": "See size options",
"Warranty": "3 years", "Warranty": "3 years",
"warrantyServiceType": "Standard warranty service", "warrantyServiceType": "Standard warranty service",
@ -956,11 +949,11 @@
"reviewsCount": 48, "reviewsCount": 48,
"galleryPairs": [ "galleryPairs": [
{ {
"left": "assets/images/lounge_chair.jpg", "left": "assets/images/products/categories/executive-desks/evolution-l-shape/evolution-with-pedenza-600x600.png",
"right": "assets/images/lounge_chair.jpg" "right": "assets/images/products/categories/executive-desks/evolution-l-shape/evolution-manager-pedenza-300x300.jpg"
} }
], ],
"dimensions": "180cm x 85cm x 75cm", "dimensions": "200cm x 120cm x 75cm",
"salesPackage": "1 unit", "salesPackage": "1 unit",
"configuration": "Standard", "configuration": "Standard",
"fillingMaterial": "High-density foam", "fillingMaterial": "High-density foam",
@ -1803,14 +1796,59 @@
], ],
"categories": [ "categories": [
{ {
"id": "seating", "id": "training-tables",
"name": "Seating", "name": "Training Tables",
"description": "Office chairs, lounge chairs, and seating solutions" "description": "Training tables for educational and collaborative environments"
}, },
{ {
"id": "tables", "id": "screens",
"name": "Tables", "name": "Screens",
"description": "Conference tables, workstations, and dining tables" "description": "Privacy screens and acoustic solutions for office spaces"
},
{
"id": "executive-desks",
"name": "Executive Desks",
"description": "Premium executive desks for high-level professionals"
},
{
"id": "executive-task-chair",
"name": "Executive Task Chair",
"description": "Premium executive task chairs for professional workspaces"
},
{
"id": "visitors-chair",
"name": "Visitors Chair",
"description": "Comfortable chairs for visitors and guests"
},
{
"id": "canteen-chairs",
"name": "Canteen Chairs",
"description": "Durable chairs for dining and break areas"
},
{
"id": "soft-seating",
"name": "Soft Seating",
"description": "Comfortable soft seating solutions for lounge areas"
},
{
"id": "barstools",
"name": "Barstools",
"description": "Stylish barstools for reception and casual seating"
},
{
"id": "conference-chairs",
"name": "Conference Chairs",
"description": "Professional chairs for meeting rooms and conferences"
},
{
"id": "training-chairs",
"name": "Training Chairs",
"description": "Ergonomic chairs designed for training environments"
},
{
"id": "task-chairs",
"name": "Task Chairs",
"description": "Functional task chairs for daily office work"
}, },
{ {
"id": "storage", "id": "storage",
@ -1818,9 +1856,19 @@
"description": "Storage units, lockers, and organizational solutions" "description": "Storage units, lockers, and organizational solutions"
}, },
{ {
"id": "workspace", "id": "meeting-tables",
"name": "Workspace", "name": "Meeting Tables",
"description": "Pods, phone booths, and collaborative spaces" "description": "Professional tables for meetings and conferences"
},
{
"id": "work-station",
"name": "Work Station",
"description": "Complete workstation solutions for office environments"
},
{
"id": "occasional-tables",
"name": "Occasional Tables",
"description": "Versatile occasional tables for various office needs"
} }
], ],
"pagination": { "pagination": {

View file

@ -54,13 +54,17 @@ class ProductManager {
} }
// Update filter UI to show selected category // Update filter UI to show selected category
updateFilterUI(category) { updateFilterUI(categoryId) {
// Find the category object to get the display name
const category = this.categories.find((c) => c.id === categoryId);
const displayName = category ? category.name : categoryId;
// Update filter button text to show active filter // Update filter button text to show active filter
const filterToggle = document.getElementById("filter-toggle"); const filterToggle = document.getElementById("filter-toggle");
if (filterToggle) { if (filterToggle) {
const filterText = filterToggle.querySelector("span:last-child"); const filterText = filterToggle.querySelector("span:last-child");
if (filterText) { if (filterText) {
filterText.textContent = `Filter: ${category}`; filterText.textContent = `Filter: ${displayName}`;
} }
} }
@ -68,13 +72,43 @@ class ProductManager {
setTimeout(() => { setTimeout(() => {
const checkboxes = document.querySelectorAll(".category-checkbox"); const checkboxes = document.querySelectorAll(".category-checkbox");
checkboxes.forEach((checkbox) => { checkboxes.forEach((checkbox) => {
if (checkbox.value === category) { if (checkbox.value === categoryId) {
checkbox.checked = true; checkbox.checked = true;
} }
}); });
}, 100); }, 100);
} }
// Update filter button text based on selected categories
updateFilterButtonText() {
const filterToggle = document.getElementById("filter-toggle");
if (!filterToggle) return;
const filterText = filterToggle.querySelector("span:last-child");
if (!filterText) return;
// If no categories selected or "all" is selected, show default text
if (
this.selectedCategories.size === 0 ||
this.selectedCategories.has("all")
) {
filterText.textContent = "Filter";
return;
}
// Get the first selected category and find its display name
const firstSelectedCategory = Array.from(this.selectedCategories)[0];
const category = this.categories.find(
(c) => c.id === firstSelectedCategory
);
if (category) {
filterText.textContent = `Filter: ${category.name}`;
} else {
filterText.textContent = "Filter";
}
}
// Render products in the grid // Render products in the grid
renderProducts() { renderProducts() {
const productGrid = document.getElementById("product-grid"); const productGrid = document.getElementById("product-grid");
@ -376,6 +410,10 @@ class ProductManager {
this.renderProducts(); this.renderProducts();
this.updatePagination(); this.updatePagination();
this.updateResultsCount(); this.updateResultsCount();
// Update filter button text to show selected category
this.updateFilterButtonText();
const dropdown = document.getElementById("filter-dropdown"); const dropdown = document.getElementById("filter-dropdown");
if (dropdown) dropdown.classList.add("hidden"); if (dropdown) dropdown.classList.add("hidden");
}); });
@ -392,6 +430,9 @@ class ProductManager {
this.renderProducts(); this.renderProducts();
this.updatePagination(); this.updatePagination();
this.updateResultsCount(); this.updateResultsCount();
// Update filter button text to show default
this.updateFilterButtonText();
}); });
} }
} }