{"product_id":"stainless-steel-t-bar-roller-sliding-barn-door-hardware-kit-no-door-included-1-52m-1-82m-2-01m","title":"Stainless Steel T-Bar Roller Sliding Barn Door Hardware Kit – No Door Included – 1.52m \/ 1.82m \/ 2.01m","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c!-- 引入具有设计感的字体 --\u003e\n\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700\u0026amp;family=Montserrat:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        :root {\n            --bg-dark: #121212;      \/* 工业深灰 *\/\n            --bg-light: #f4f4f4;     \/* 浅灰留白 *\/\n            --text-dark: #1a1a1a;    \/* 深色文字 *\/\n            --text-light: #e0e0e0;   \/* 浅色文字 *\/\n            --accent-chrome: #c0c0c0; \/* 铬银金属色 *\/\n            --accent-gold: #d4af37;   \/* 微弱金属光泽 *\/\n            --border: #333333;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            color: var(--text-dark);\n            line-height: 1.7;\n            margin: 0;\n            padding: 0;\n            background-color: #ffffff;\n        }\n\n        .container {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* 字体设计 *\/\n        h1, h2, h3 {\n            font-family: 'Playfair Display', serif;\n            letter-spacing: -0.5px;\n        }\n\n        h1 {\n            font-size: 2.8rem;\n            font-weight: 700;\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        h2 {\n            font-size: 2.2rem;\n            font-weight: 600;\n            margin-bottom: 2rem;\n            position: relative;\n            display: inline-block;\n        }\n\n        \/* 标题下方的金属线条装饰 *\/\n        h2::after {\n            content: '';\n            position: absolute;\n            left: 0;\n            bottom: -8px;\n            width: 40px;\n            height: 2px;\n            background: var(--accent-gold);\n        }\n\n        h3 {\n            font-size: 1.3rem;\n            font-weight: 600;\n            margin-bottom: 15px;\n        }\n\n        \/* 符号和图标 *\/\n        .icon {\n            font-size: 1.5rem;\n            margin-right: 8px;\n            display: inline-block;\n            vertical-align: middle;\n            color: var(--accent-gold);\n        }\n\n        \/* ========== 深色 Hero 区域 ========== *\/\n        .hero {\n            background-color: var(--bg-dark);\n            color: var(--text-light);\n            padding: 100px 20px 80px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero::before {\n            content: '✦ ✦ ✦';\n            position: absolute;\n            top: 20px;\n            left: 50%;\n            transform: translateX(-50%);\n            color: #333;\n            font-size: 1.2rem;\n            letter-spacing: 15px;\n        }\n\n        .hero .subtitle {\n            font-size: 0.9rem;\n            color: var(--accent-chrome);\n            text-transform: uppercase;\n            letter-spacing: 4px;\n            margin-bottom: 20px;\n            font-weight: 600;\n        }\n\n        .hero h1 {\n            color: #ffffff;\n            max-width: 800px;\n            margin: 0 auto 20px;\n        }\n\n        .hero .desc {\n            color: #999;\n            font-size: 1.1rem;\n            max-width: 600px;\n            margin: 0 auto 30px;\n        }\n\n        .weight-badge {\n            display: inline-block;\n            border: 1px solid var(--accent-gold);\n            color: var(--accent-gold);\n            padding: 10px 30px;\n            border-radius: 0;\n            font-size: 1rem;\n            font-weight: 700;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n        }\n\n        .weight-badge span {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.3rem;\n        }\n\n        .hero .sizes {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            margin-top: 30px;\n            color: #888;\n            font-size: 0.9rem;\n            letter-spacing: 1px;\n        }\n\n        .hero .sizes span {\n            border: 1px solid #333;\n            padding: 5px 15px;\n        }\n\n        \/* ========== 排版区块 ========== *\/\n        .section {\n            padding: 80px 0;\n            border-bottom: 1px solid #eee;\n        }\n\n        .section-dark {\n            background-color: var(--bg-dark);\n            color: var(--text-light);\n            border-bottom: none;\n        }\n\n        .section-dark h2 {\n            color: #ffffff;\n        }\n\n        .section-dark p {\n            color: #a0a0a0;\n        }\n\n        \/* ========== 技术特性网格 ========== *\/\n        .grid-2 {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 50px;\n            align-items: start;\n        }\n\n        .feature-block {\n            margin-bottom: 40px;\n            padding-left: 20px;\n            border-left: 2px solid var(--accent-gold);\n        }\n\n        .feature-block h3 {\n            display: flex;\n            align-items: center;\n        }\n\n        .feature-block p {\n            margin: 0;\n            font-size: 0.95rem;\n        }\n\n        \/* ========== 参数与承重卡片 ========== *\/\n        .specs-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 25px;\n        }\n\n        .spec-card {\n            background: #1e1e1e;\n            border: 1px solid #333;\n            padding: 30px;\n            text-align: center;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n        }\n\n        .spec-card:hover {\n            transform: translateY(-5px);\n            border-color: var(--accent-gold);\n        }\n\n        .spec-card .icon {\n            font-size: 2rem;\n            display: block;\n            margin-bottom: 15px;\n        }\n\n        .spec-card .value {\n            font-family: 'Playfair Display', serif;\n            font-size: 2rem;\n            color: #fff;\n            display: block;\n            margin-bottom: 5px;\n        }\n\n        .spec-card .label {\n            font-size: 0.8rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: #888;\n        }\n\n        \/* ========== 包装清单 ========== *\/\n        .packing-list {\n            background: var(--bg-light);\n            padding: 60px;\n            border-radius: 0;\n        }\n\n        .packing-list ul {\n            list-style: none;\n            padding: 0;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 20px;\n        }\n\n        .packing-list ul li {\n            display: flex;\n            align-items: center;\n            font-size: 0.95rem;\n            font-weight: 600;\n            color: var(--text-dark);\n            padding: 10px 0;\n            border-bottom: 1px dashed #ccc;\n        }\n\n        .packing-list ul li::before {\n            content: \"➔\";\n            color: var(--accent-gold);\n            margin-right: 12px;\n            font-weight: bold;\n        }\n\n        \/* ========== 尺寸指南 ========== *\/\n        .size-guide {\n            background: #fff;\n            border: 2px solid var(--text-dark);\n            padding: 40px;\n            text-align: center;\n            position: relative;\n        }\n\n        .size-guide::before {\n            content: '📏';\n            font-size: 2rem;\n            position: absolute;\n            top: -25px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: #fff;\n            padding: 0 15px;\n        }\n\n        .size-guide h3 {\n            margin-top: 0;\n            font-size: 1.5rem;\n        }\n\n        .size-guide .highlight {\n            font-family: 'Playfair Display', serif;\n            font-size: 2rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            display: block;\n            margin: 15px 0;\n        }\n\n        \/* ========== 适用场景 ========== *\/\n        .applications {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 15px;\n            margin-top: 30px;\n        }\n\n        .applications span {\n            background: #f4f4f4;\n            padding: 8px 20px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: var(--text-dark);\n        }\n\n        \/* ========== 行动呼吁 ========== *\/\n        .cta-section {\n            text-align: center;\n            padding: 80px 0;\n            background-color: var(--bg-dark);\n            color: #fff;\n        }\n\n        .cta-section h2 {\n            color: #fff;\n        }\n\n        .cta-btn {\n            display: inline-block;\n            background-color: var(--accent-gold);\n            color: var(--bg-dark);\n            text-decoration: none;\n            padding: 18px 50px;\n            font-size: 1rem;\n            font-weight: 700;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            transition: all 0.3s ease;\n            border: 2px solid var(--accent-gold);\n        }\n\n        .cta-btn:hover {\n            background-color: transparent;\n            color: var(--accent-gold);\n        }\n\n        \/* 响应式 *\/\n        @media (max-width: 768px) {\n            h1 { font-size: 2rem; }\n            h2 { font-size: 1.6rem; }\n            .grid-2 { grid-template-columns: 1fr; gap: 30px; }\n            .specs-grid { grid-template-columns: 1fr; }\n            .packing-list { padding: 30px; }\n            .hero { padding: 60px 20px; }\n            .hero .sizes { flex-direction: column; align-items: center; gap: 10px; }\n        }\n    \u003c\/style\u003e\n\u003c!-- Hero 区域：深色工业风，无图片 --\u003e\u003cheader class=\"hero\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cp class=\"subtitle\"\u003e✦ Premium Hardware for Sliding Doors ✦\u003c\/p\u003e\n\u003ch1\u003eStainless Steel T-Bar Roller Sliding Barn Door Hardware Kit\u003c\/h1\u003e\n\u003cp class=\"desc\"\u003eNo Door Included | Aviation-Grade Chrome Plated Track\u003c\/p\u003e\n\u003cdiv class=\"weight-badge\"\u003e⚖ MAX LOAD CAPACITY: \u003cspan\u003e150kg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sizes\"\u003e\n\u003cspan\u003e📐 1.52m\u003c\/span\u003e \u003cspan\u003e📐 1.82m\u003c\/span\u003e \u003cspan\u003e📐 2.01m\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- 核心优势 --\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2\u003e✦ Engineering Excellence\u003c\/h2\u003e\n\u003cdiv class=\"grid-2\"\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"icon\"\u003e⚙\u003c\/span\u003eSpring Door Stopper\u003c\/h3\u003e\n\u003cp\u003eThe force of the buffer open and close door, no noise, protect roller.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"icon\"\u003e🛡\u003c\/span\u003eAnti-Jump Block\u003c\/h3\u003e\n\u003cp\u003ePrevent doors from lifting off the track.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"icon\"\u003e🚪\u003c\/span\u003eFloor Guide\u003c\/h3\u003e\n\u003cp\u003ePrevent doors from swinging.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"icon\"\u003e🔩\u003c\/span\u003eAviation-Grade Track\u003c\/h3\u003e\n\u003cp\u003eDecorative chrome plating, wall thickness up to 2mm. Mechanical design with keel support in the middle for strong load-bearing capacity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"icon\"\u003e⚡\u003c\/span\u003eAnti-Falling Wheel\u003c\/h3\u003e\n\u003cp\u003eAn anti-falling wheel is added to the roller, effectively preventing the roller hanger from falling off during sliding.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"icon\"\u003e🔇\u003c\/span\u003eNylon Arc Stopper\u003c\/h3\u003e\n\u003cp\u003eThe head of the door stopper is a nylon arc, perfectly fitting the roller pulley radius, significantly reducing noise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 参数区域：深色背景，突出 150kg --\u003e\n\u003csection class=\"section section-dark\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2\u003e✦ Specifications \u0026amp; Load Capacity\u003c\/h2\u003e\n\u003cdiv class=\"specs-grid\"\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cspan class=\"icon\"\u003e⚖\u003c\/span\u003e \u003cspan class=\"value\"\u003e150 kg\u003c\/span\u003e \u003cspan class=\"label\"\u003eMaximum Door Weight\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cspan class=\"icon\"\u003e📏\u003c\/span\u003e \u003cspan class=\"value\"\u003e3 - 4 cm\u003c\/span\u003e \u003cspan class=\"label\"\u003eSuitable Door Thickness\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cspan class=\"icon\"\u003e🔩\u003c\/span\u003e \u003cspan class=\"value\"\u003e2 mm\u003c\/span\u003e \u003cspan class=\"label\"\u003eTrack Wall Thickness\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 50px; border-top: 1px solid #333; padding-top: 30px;\"\u003e\n\u003ch3 style=\"color: #fff; display: flex; align-items: center;\"\u003e\n\u003cspan class=\"icon\" style=\"font-size: 1.2rem;\"\u003e✔\u003c\/span\u003e Safe \u0026amp; Advantages\u003c\/h3\u003e\n\u003cul style=\"list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; color: #a0a0a0;\"\u003e\n\u003cli\u003e① \u003cstrong\u003eAnti-falling wheel\u003c\/strong\u003e – Prevents roller fall-off\u003c\/li\u003e\n\u003cli\u003e② \u003cstrong\u003ePre-drilled rails\u003c\/strong\u003e – Adjustable fixed seat \u0026amp; wall mat\u003c\/li\u003e\n\u003cli\u003e③ \u003cstrong\u003eDouble edge grinding\u003c\/strong\u003e – Smooth, no hand injury\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 包装清单 --\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2\u003e✦ Packing Includes\u003c\/h2\u003e\n\u003cdiv class=\"packing-list\"\u003e\n\u003cul\u003e\n\u003cli\u003eSpliced Track\u003c\/li\u003e\n\u003cli\u003eConnector Track\u003c\/li\u003e\n\u003cli\u003ePlugging (2 PCS)\u003c\/li\u003e\n\u003cli\u003eRollers (2 PCS \/ 1 Pair)\u003c\/li\u003e\n\u003cli\u003eFloor Guide (1 PCS)\u003c\/li\u003e\n\u003cli\u003eDoor Stop (2 PCS \/ 1 Pair)\u003c\/li\u003e\n\u003cli\u003eWrench\u003c\/li\u003e\n\u003cli\u003eWall Hanger Set \u003cspan style=\"font-size: 0.8rem; color: #888; margin-left: 5px;\"\u003e(1 set per rail hole)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 尺寸选择指南 --\u003e\n\u003csection class=\"section\" style=\"background: var(--bg-light);\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"size-guide\"\u003e\n\u003ch3\u003eHow to Choose Track Size\u003c\/h3\u003e\n\u003cp\u003eTrack length should be \u003cstrong\u003etwo times\u003c\/strong\u003e the door panel's width.\u003c\/p\u003e\n\u003cdiv class=\"highlight\"\u003e2 × Door Width = Track Length\u003c\/div\u003e\n\u003cp style=\"color: #666; font-size: 0.9rem;\"\u003eExample: If your door width is 2.5ft \/ 76cm, you will need the 5FT \/ 152cm Kit for a single door.\u003c\/p\u003e\n\u003cp style=\"margin-top: 20px; font-weight: 600; font-size: 1.1rem; color: var(--text-dark);\"\u003e📐 Available Sizes (Metric, rounded down): 1.52m \/ 1.82m \/ 2.01m\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 适用场景 --\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"container\" style=\"text-align: center;\"\u003e\n\u003ch2\u003e✦ Wide Applicability\u003c\/h2\u003e\n\u003cp style=\"max-width: 700px; margin: 0 auto;\"\u003eSpace saving due to sliding motion. The sliding door fittings are very easy to decorate and are suitable for:\u003c\/p\u003e\n\u003cdiv class=\"applications\"\u003e\n\u003cspan\u003e🛏 Bedrooms\u003c\/span\u003e \u003cspan\u003e📚 Studies\u003c\/span\u003e \u003cspan\u003e👗 Dressing Rooms\u003c\/span\u003e \u003cspan\u003e🍳 Kitchens\u003c\/span\u003e \u003cspan\u003e🚪 Closets\u003c\/span\u003e \u003cspan\u003e🗄 Cabinets\u003c\/span\u003e \u003cspan\u003e🏡 Farmhouses\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA 行动呼吁 --\u003e\n\u003csection class=\"cta-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2 style=\"margin-bottom: 30px;\"\u003eUpgrade Your Space\u003c\/h2\u003e\n\u003ca href=\"#\" class=\"cta-btn\"\u003e🛒 Add to Basket\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"CCJH","offers":[{"title":"152cm\/5FT","offer_id":50523230568621,"sku":"S05STS","price":67.95,"currency_code":"EUR","in_stock":true},{"title":"182cm\/6FT","offer_id":50523230601389,"sku":"S06STS","price":71.95,"currency_code":"EUR","in_stock":true},{"title":"201cm\/6.6FT","offer_id":50523230634157,"sku":"S66STS","price":72.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0530\/7154\/4493\/files\/718hOYcAIJL._AC_SL1500.jpg?v=1790134717","url":"https:\/\/ccjh.shop\/en-es\/products\/stainless-steel-t-bar-roller-sliding-barn-door-hardware-kit-no-door-included-1-52m-1-82m-2-01m","provider":"ccjh.shop","version":"1.0","type":"link"}