{"id":1351,"date":"2026-02-23T14:08:52","date_gmt":"2026-02-23T14:08:52","guid":{"rendered":"https:\/\/wl.430508.xyz\/liste-des-produits\/"},"modified":"2026-02-24T11:18:46","modified_gmt":"2026-02-24T11:18:46","slug":"liste-des-produits","status":"publish","type":"page","link":"https:\/\/wl.430508.xyz\/fr\/liste-des-produits\/","title":{"rendered":"\u4ea7\u54c1"},"content":{"rendered":"\n<!-- \u4ea7\u54c1\u5217\u8868\u9875\u4e3b\u5bb9\u5668 -->\n<div class=\"product-archive-container\" style=\"max-width: 1600px; margin: 0 auto; padding: 40px 40px;\">\n    <div style=\"display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start;\">\n        <!-- \u5de6\u4fa7\u5206\u7c7b\u4fa7\u8fb9\u680f -->\n        <aside style=\"width: 100%; max-width: 260px; flex-shrink: 0;\">\n                <style>\r\n        .product-categories-wrapper {\r\n            background: #fff;\r\n            padding: 20px;\r\n            border-radius: 12px;\r\n            border: 1px solid #eef2f6;\r\n            position: sticky;\r\n            top: 100px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);\r\n        }\r\n        .product-categories-title {\r\n            font-weight: 700;\r\n            color: #1a1a1a;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 12px;\r\n            border-bottom: 2px solid #f0f2f5;\r\n            font-size: 18px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        .product-categories-title::before {\r\n            content: \"\";\r\n            width: 4px;\r\n            height: 18px;\r\n            background: #0ea5e9;\r\n            margin-right: 10px;\r\n            border-radius: 2px;\r\n        }\r\n        .category-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n        .category-item {\r\n            margin-bottom: 6px;\r\n        }\r\n        .category-link-container {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            padding: 8px 12px;\r\n            border-radius: 8px;\r\n            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n            cursor: pointer;\r\n        }\r\n        .category-link-container:hover {\r\n            background: #f8fafc;\r\n        }\r\n        .category-link-container.active {\r\n            background: #f0f9ff;\r\n            color: #0ea5e9;\r\n        }\r\n        .category-link {\r\n            flex: 1;\r\n            text-decoration: none;\r\n            color: inherit;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            display: block;\r\n        }\r\n        .category-link-container.active .category-link {\r\n            font-weight: 700;\r\n            color: #0ea5e9;\r\n        }\r\n        .toggle-icon {\r\n            width: 24px;\r\n            height: 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 4px;\r\n            transition: transform 0.3s;\r\n            color: #94a3b8;\r\n        }\r\n        .toggle-icon.expanded {\r\n            transform: rotate(90_deg);\r\n        }\r\n        .sub-category-list {\r\n            list-style: none;\r\n            padding-left: 20px;\r\n            margin-top: 4px;\r\n            display: none;\r\n        }\r\n        .sub-category-list.show {\r\n            display: block;\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"product-categories-wrapper\">\r\n        <div class=\"product-categories-title\">Product Categories<\/div>\r\n        <ul class=\"category-list\">\r\n            <li class=\"category-item\">\r\n                <div class=\"category-link-container active\" data-id=\"all\">\r\n                    <a href=\"#\" class=\"category-link\" data-category=\"\">All Products<\/a>\r\n                <\/div>\r\n            <\/li>\r\n                            <li class=\"category-item\" data-id=\"12\">\r\n                    <div class=\"category-link-container\">\r\n                        <a href=\"#\" class=\"category-link\" data-category=\"direct-attach-cables-dac\">\r\n                            Direct Attach Cables (DAC)                        <\/a>\r\n                                                    <span class=\"toggle-icon\">\r\n                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n                            <\/span>\r\n                                            <\/div>\r\n                                            <ul class=\"sub-category-list\">\r\n                                                            <li class=\"category-item\">\r\n                                    <div class=\"category-link-container\">\r\n                                        <a href=\"#\" class=\"category-link\" data-category=\"200g-dac-cables\">\r\n                                            200G DAC Cables                                        <\/a>\r\n                                    <\/div>\r\n                                <\/li>\r\n                                                            <li class=\"category-item\">\r\n                                    <div class=\"category-link-container\">\r\n                                        <a href=\"#\" class=\"category-link\" data-category=\"400g-dac-breakout\">\r\n                                            400G DAC Breakout                                        <\/a>\r\n                                    <\/div>\r\n                                <\/li>\r\n                                                    <\/ul>\r\n                                    <\/li>\r\n                            <li class=\"category-item\" data-id=\"9\">\r\n                    <div class=\"category-link-container\">\r\n                        <a href=\"#\" class=\"category-link\" data-category=\"optical-transceivers\">\r\n                            Optical Transceivers                        <\/a>\r\n                                                    <span class=\"toggle-icon\">\r\n                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n                            <\/span>\r\n                                            <\/div>\r\n                                            <ul class=\"sub-category-list\">\r\n                                                            <li class=\"category-item\">\r\n                                    <div class=\"category-link-container\">\r\n                                        <a href=\"#\" class=\"category-link\" data-category=\"10g-sfp\">\r\n                                            10G SFP+                                        <\/a>\r\n                                    <\/div>\r\n                                <\/li>\r\n                                                            <li class=\"category-item\">\r\n                                    <div class=\"category-link-container\">\r\n                                        <a href=\"#\" class=\"category-link\" data-category=\"400g-qsfp-dd\">\r\n                                            400G QSFP-DD                                        <\/a>\r\n                                    <\/div>\r\n                                <\/li>\r\n                                                    <\/ul>\r\n                                    <\/li>\r\n                            <li class=\"category-item\" data-id=\"81\">\r\n                    <div class=\"category-link-container\">\r\n                        <a href=\"#\" class=\"category-link\" data-category=\"sd003\">\r\n                            SD003                        <\/a>\r\n                                                    <span class=\"toggle-icon\">\r\n                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n                            <\/span>\r\n                                            <\/div>\r\n                                            <ul class=\"sub-category-list\">\r\n                                                            <li class=\"category-item\">\r\n                                    <div class=\"category-link-container\">\r\n                                        <a href=\"#\" class=\"category-link\" data-category=\"sd003-1\">\r\n                                            SD003-1                                        <\/a>\r\n                                    <\/div>\r\n                                <\/li>\r\n                                                    <\/ul>\r\n                                    <\/li>\r\n                    <\/ul>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const containers = document.querySelectorAll('.category-link-container');\r\n        \r\n        containers.forEach(container => {\r\n            container.addEventListener('click', function(e) {\r\n                const link = this.querySelector('.category-link');\r\n                const subList = this.nextElementSibling;\r\n                const toggle = this.querySelector('.toggle-icon');\r\n\r\n                \/\/ \u5982\u679c\u70b9\u51fb\u7684\u4e0d\u662f\u94fe\u63a5\u672c\u8eab\uff0c\u89e6\u53d1\u5c55\u5f00\u903b\u8f91\u5e76\u6a21\u62df\u70b9\u51fb\u94fe\u63a5\u8fdb\u884c\u7b5b\u9009\r\n                if (e.target !== link) {\r\n                    e.preventDefault();\r\n                    \/\/ \u89e6\u53d1\u5c55\u5f00\r\n                    if (subList && subList.classList.contains('sub-category-list')) {\r\n                        subList.classList.toggle('show');\r\n                        if (toggle) toggle.classList.toggle('expanded');\r\n                    }\r\n                    \/\/ \u6267\u884c\u7b5b\u9009\r\n                    if (link) link.click();\r\n                } else {\r\n                    \/\/ \u5982\u679c\u70b9\u51fb\u7684\u662f\u94fe\u63a5\u672c\u8eab\uff0c\u53ea\u9700\u989d\u5916\u5904\u7406\u89e3\u5f00\u903b\u8f91\r\n                    if (subList && subList.classList.contains('sub-category-list')) {\r\n                        subList.classList.add('show');\r\n                        if (toggle) toggle.classList.add('expanded');\r\n                    }\r\n                }\r\n            });\r\n        });\r\n    });\r\n    <\/script>\r\n    \n        <\/aside>\n\n        <!-- \u53f3\u4fa7\u4ea7\u54c1\u52a8\u6001\u5217\u8868\u533a -->\n        <main style=\"flex: 1; min-width: 0;\">\n            <style>\r\n        .product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }\r\n        @media (max-width: 1024px) { .product-grid { grid-template-columns: repeat(3, 1fr); } }\r\n        @media (max-width: 768px) { .product-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } }\r\n        @media (max-width: 480px) { .product-grid { grid-template-columns: 1fr; gap: 16px; } }\r\n    <\/style><div id=\"product-list-container\" class=\"product-list-container\"><div class=\"product-grid\"><div class=\"product-card\" style=\"background: white; border: 1px solid #f0f0f0; transition: all 0.3s; display: flex; flex-direction: column;\"><a href=\"https:\/\/wl.430508.xyz\/fr\/product\/43inch-ultra-wide-curved-touch-screen-4-5-2\/\" style=\"text-decoration: none; display: flex; flex-direction: column; height: 100%;\"><div class=\"product-image\" style=\"aspect-ratio: 1\/1; overflow: hidden; background: #fff; padding: 20px; display: flex; align-items: center; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/wl.430508.xyz\/wp-content\/uploads\/2026\/02\/image.png\" alt=\"43inch Ultra Wide Curved Touch Screen #23 #3\" style=\"max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s;\"><\/div><div class=\"product-info\" style=\"padding: 15px; border-top: 1px solid #f0f0f0; flex-grow: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px;\"><h4 style=\"font-size: 13px; font-weight: 500; color: #333; margin: 0; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; flex: 1;\">43inch Ultra Wide Curved Touch Screen #23 #3<\/h4><div style=\"width: 22px; height: 22px; background: #0693e3; border-radius: 2px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/div><\/div><\/a><\/div><div class=\"product-card\" style=\"background: white; border: 1px solid #f0f0f0; transition: all 0.3s; display: flex; flex-direction: column;\"><a href=\"https:\/\/wl.430508.xyz\/fr\/product\/43inch-ultra-wide-curved-touch-screen-4-2\/\" style=\"text-decoration: none; display: flex; flex-direction: column; height: 100%;\"><div class=\"product-image\" style=\"aspect-ratio: 1\/1; overflow: hidden; background: #fff; padding: 20px; display: flex; align-items: center; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/wl.430508.xyz\/wp-content\/uploads\/2026\/02\/image.png\" alt=\"43inch Ultra Wide Curved Touch Screen #32\" style=\"max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s;\"><\/div><div class=\"product-info\" style=\"padding: 15px; border-top: 1px solid #f0f0f0; flex-grow: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px;\"><h4 style=\"font-size: 13px; font-weight: 500; color: #333; margin: 0; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; flex: 1;\">43inch Ultra Wide Curved Touch Screen #32<\/h4><div style=\"width: 22px; height: 22px; background: #0693e3; border-radius: 2px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/div><\/div><\/a><\/div><div class=\"product-card\" style=\"background: white; border: 1px solid #f0f0f0; transition: all 0.3s; display: flex; flex-direction: column;\"><a href=\"https:\/\/wl.430508.xyz\/fr\/product\/43inch-ultra-wide-curved-touch-screen-4-3\/\" style=\"text-decoration: none; display: flex; flex-direction: column; height: 100%;\"><div class=\"product-image\" style=\"aspect-ratio: 1\/1; overflow: hidden; background: #fff; padding: 20px; display: flex; align-items: center; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/wl.430508.xyz\/wp-content\/uploads\/2026\/02\/image.png\" alt=\"43inch Ultra Wide Curved Touch Screen #2 #5\" style=\"max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s;\"><\/div><div class=\"product-info\" style=\"padding: 15px; border-top: 1px solid #f0f0f0; flex-grow: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px;\"><h4 style=\"font-size: 13px; font-weight: 500; color: #333; margin: 0; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; flex: 1;\">43inch Ultra Wide Curved Touch Screen #2 #5<\/h4><div style=\"width: 22px; height: 22px; background: #0693e3; border-radius: 2px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/div><\/div><\/a><\/div><div class=\"product-card\" style=\"background: white; border: 1px solid #f0f0f0; transition: all 0.3s; display: flex; flex-direction: column;\"><a href=\"https:\/\/wl.430508.xyz\/fr\/product\/43inch-ultra-wide-curved-touch-screen-4-4\/\" style=\"text-decoration: none; display: flex; flex-direction: column; height: 100%;\"><div class=\"product-image\" style=\"aspect-ratio: 1\/1; overflow: hidden; background: #fff; padding: 20px; display: flex; align-items: center; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/wl.430508.xyz\/wp-content\/uploads\/2026\/02\/image.png\" alt=\"43inch Ultra Wide Curved Touch Screen #24\" style=\"max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s;\"><\/div><div class=\"product-info\" style=\"padding: 15px; border-top: 1px solid #f0f0f0; flex-grow: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px;\"><h4 style=\"font-size: 13px; font-weight: 500; color: #333; margin: 0; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; flex: 1;\">43inch Ultra Wide Curved Touch Screen #24<\/h4><div style=\"width: 22px; height: 22px; background: #0693e3; border-radius: 2px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/div><\/div><\/a><\/div><div class=\"product-card\" style=\"background: white; border: 1px solid #f0f0f0; transition: all 0.3s; display: flex; flex-direction: column;\"><a href=\"https:\/\/wl.430508.xyz\/fr\/product\/43inch-ultra-wide-curved-touch-screen-4-5\/\" style=\"text-decoration: none; display: flex; flex-direction: column; height: 100%;\"><div class=\"product-image\" style=\"aspect-ratio: 1\/1; overflow: hidden; background: #fff; padding: 20px; display: flex; align-items: center; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/wl.430508.xyz\/wp-content\/uploads\/2026\/02\/image.png\" alt=\"43inch Ultra Wide Curved Touch Screen #23\" style=\"max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s;\"><\/div><div class=\"product-info\" style=\"padding: 15px; border-top: 1px solid #f0f0f0; flex-grow: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px;\"><h4 style=\"font-size: 13px; font-weight: 500; color: #333; margin: 0; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; flex: 1;\">43inch Ultra Wide Curved Touch Screen #23<\/h4><div style=\"width: 22px; height: 22px; background: #0693e3; border-radius: 2px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/div><\/div><\/a><\/div><div class=\"product-card\" style=\"background: white; border: 1px solid #f0f0f0; transition: all 0.3s; display: flex; flex-direction: column;\"><a href=\"https:\/\/wl.430508.xyz\/fr\/product\/43inch-ultra-wide-curved-touch-screen-4\/\" style=\"text-decoration: none; display: flex; flex-direction: column; height: 100%;\"><div class=\"product-image\" style=\"aspect-ratio: 1\/1; overflow: hidden; background: #fff; padding: 20px; display: flex; align-items: center; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/wl.430508.xyz\/wp-content\/uploads\/2026\/02\/image.png\" alt=\"43inch Ultra Wide Curved Touch Screen #2\" style=\"max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.3s;\"><\/div><div class=\"product-info\" style=\"padding: 15px; border-top: 1px solid #f0f0f0; flex-grow: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px;\"><h4 style=\"font-size: 13px; font-weight: 500; color: #333; margin: 0; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; flex: 1;\">43inch Ultra Wide Curved Touch Screen #2<\/h4><div style=\"width: 22px; height: 22px; background: #0693e3; border-radius: 2px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/div><\/div><\/a><\/div><\/div><\/div>\n        <\/main>\n    <\/div>\n<\/div>\n\n<style>\n    \/* \u54cd\u5e94\u5f0f\u8c03\u6574 *\/\n    @media (max-width: 768px) {\n        .product-archive-container {\n            padding: 24px 16px !important;\n        }\n\n        .product-archive-container>div {\n            flex-direction: column;\n            gap: 24px !important;\n        }\n\n        aside {\n            max-width: 100% !important;\n            width: 100% !important;\n            position: static !important;\n        }\n\n        main {\n            width: 100% !important;\n        }\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1351","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wl.430508.xyz\/fr\/wp-json\/wp\/v2\/pages\/1351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wl.430508.xyz\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wl.430508.xyz\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wl.430508.xyz\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wl.430508.xyz\/fr\/wp-json\/wp\/v2\/comments?post=1351"}],"version-history":[{"count":2,"href":"https:\/\/wl.430508.xyz\/fr\/wp-json\/wp\/v2\/pages\/1351\/revisions"}],"predecessor-version":[{"id":1499,"href":"https:\/\/wl.430508.xyz\/fr\/wp-json\/wp\/v2\/pages\/1351\/revisions\/1499"}],"wp:attachment":[{"href":"https:\/\/wl.430508.xyz\/fr\/wp-json\/wp\/v2\/media?parent=1351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}