{"product_id":"black-yellow-drop-over-cable-ramp","title":"2PACK Black\/Yellow Drop Over Cable Ramp","description":"\u003cp data-start=\"207\" data-end=\"523\"\u003eEnsure the safety and organization of your cables with this \u003cem data-start=\"267\" data-end=\"325\"\u003e2PACK Black\/Yellow Drop Over Cable Ramp Protective Cover\u003c\/em\u003e. Designed for both indoor and outdoor environments, this heavy-duty cable protector is built to handle even the most demanding spaces, from offices and homes to construction sites and event venues.\u003c\/p\u003e\n\u003cp data-start=\"525\" data-end=\"542\"\u003e\u003cstrong data-start=\"525\" data-end=\"542\"\u003eKey Features:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"546\" data-end=\"849\"\u003e\n\u003cstrong data-start=\"546\" data-end=\"599\"\u003eHeavy Duty Construction (2,000 lbs Max Capacity):\u003c\/strong\u003e Built to withstand up to 2,000 lbs of weight, this rugged protector is perfect for areas with heavy foot traffic, vehicles, and equipment. Its tough, durable material ensures your cables and hoses remain protected even in high-pressure environments.\u003c\/li\u003e\n\u003cli data-start=\"546\" data-end=\"849\"\u003e\n\u003cstrong data-start=\"853\" data-end=\"874\"\u003eNon-Slip Surface:\u003c\/strong\u003e The black and yellow design, with its textured surface, helps the cable ramp stay securely in place, even on slick or uneven floors. This non-slip feature makes it ideal for both indoor and outdoor high-traffic areas where safety is a priority.\u003c\/li\u003e\n\u003cli data-start=\"1123\" data-end=\"1409\"\u003e\n\u003cstrong data-start=\"1123\" data-end=\"1151\"\u003eEasy to Use \u0026amp; Versatile:\u003c\/strong\u003e This \"drop-over\" design makes setup simple—just place the ramp over your cables or hoses. Whether you're protecting cables in a busy office, at an outdoor event, or on a construction site, this protector ensures your cables stay safely hidden and organized.\u003c\/li\u003e\n\u003cli data-start=\"1413\" data-end=\"1652\"\u003e\n\u003cstrong data-start=\"1413\" data-end=\"1432\"\u003eHighly Visible:\u003c\/strong\u003e The bold black and yellow color scheme provides excellent visibility, reducing the risk of tripping or running over the protector. Ideal for both indoor spaces and outdoor areas, it enhances safety in busy environments.\u003c\/li\u003e\n\u003cli data-start=\"1656\" data-end=\"1863\"\u003e\n\u003cstrong data-start=\"1656\" data-end=\"1673\"\u003eSafety First:\u003c\/strong\u003e Prevent costly damage and accidents with this protective cover. By keeping cables and hoses concealed and out of the way, it minimizes tripping hazards and protects them from wear and tear.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-start=\"1865\" data-end=\"1888\"\u003e\u003cstrong data-start=\"1865\" data-end=\"1888\"\u003eProduct Dimensions:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"1891\" data-end=\"2046\"\u003e2-Pack includes two heavy-duty cable covers, each designed to fit standard cables and hoses with ease. Customizable to meet various cable protection needs.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-start=\"2048\" data-end=\"2306\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eKeep your workspace safe and organized with the \u003cem data-start=\"2096\" data-end=\"2137\"\u003e2PACK Black\/Yellow Drop Over Cable Ramp\u003c\/em\u003e. It’s the ultimate cable protector for any environment needing durable, high-traffic protection, ensuring that your cables and hoses are both safe and neatly concealed.\u003c\/p\u003e\n\u003cp data-start=\"2048\" data-end=\"2306\" data-is-last-node=\"\" data-is-only-node=\"\"\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n  \/* 外层：让表格在极窄屏也不会撑爆（兜底：可横向滚动） *\/\n  .responsive-table-wrap{\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  \/* 表格基础样式 *\/\n  table.rt-table{\n    width: 100%;\n    min-width: 250px;           \/* PC端看起来舒服；手机端会被下面的规则改成卡片 *\/\n    border-collapse: separate;\n    border-spacing: 0;\n    background: #fff;\n  }\n.rt-table th,\n.rt-table td{\n  border: 1px solid #d9d9d9;\n  padding: 12px 14px;\n  font-size: 14px;\n  text-align: left;\n  vertical-align: middle;\n  white-space: normal;        \/* ✅ PC 端允许换行 *\/\n  word-break: break-word;     \/* 防止长单词撑爆 *\/\n}\n\n  \/* 表头橙色 *\/\n  .rt-table thead th{\n    background: #e87700;\n    color: #fff;\n    font-weight: 700;\n  }\n\n  \/* 让边框更像截图那种“格子” *\/\n  .rt-table thead th:first-child { border-top-left-radius: 4px; }\n  .rt-table thead th:last-child  { border-top-right-radius: 4px; }\n\n  \/* ====== 手机自适应：把每一行变成卡片 ====== *\/\n  @media (max-width: 700px){\n    table.rt-table{\n      min-width: 0;             \/* 取消最小宽度 *\/\n    }\n\n    .rt-table thead{\n      display: none;            \/* 手机隐藏表头 *\/\n    }\n\n    .rt-table, .rt-table tbody, .rt-table tr, .rt-table td{\n      display: block;\n      width: 100%;\n    }\n\n    .rt-table tr{\n      margin: 10px 0;\n      border: 1px solid #d9d9d9;\n      border-radius: 8px;\n      overflow: hidden;\n      background: #fff;\n    }\n\n    .rt-table td{\n      border: none;\n      border-bottom: 1px solid #eee;\n      white-space: normal;      \/* 手机允许换行 *\/\n      display: flex;\n      gap: 10px;\n      justify-content: space-between;\n    }\n\n    .rt-table td:last-child{\n      border-bottom: none;\n    }\n\n    \/* 左侧显示字段名（来自 data-label） *\/\n    .rt-table td::before{\n      content: attr(data-label);\n      font-weight: 700;\n      color: #333;\n      flex: 0 0 40%;\n      max-width: 40%;\n    }\n\n    \/* 右侧内容 *\/\n    .rt-table td .cell{\n      flex: 1;\n      text-align: right;\n      color: #111;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"responsive-table-wrap\"\u003e\n\u003ctable class=\"rt-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eStyle\u003c\/th\u003e\n\u003cth\u003eLength\u003c\/th\u003e\n\u003cth\u003eWidth\u003c\/th\u003e\n\u003cth\u003eChannel width\u003c\/th\u003e\n\u003cth\u003eThickness\u003c\/th\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003cth\u003eDrawing\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Style\"\u003e\u003cspan class=\"cell\"\u003eSmall\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Length\"\u003e\u003cspan class=\"cell\"\u003e40 Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Width\"\u003e\u003cspan class=\"cell\"\u003e5 ¹\/₂ Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Channel width\"\u003e\u003cspan class=\"cell\"\u003e1 ¹\/₂ Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Thickness\"\u003e\u003cspan class=\"cell\"\u003e⁷\/₈ Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Weight\"\u003e\u003cspan class=\"cell\"\u003e6.0 LBS\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Drawing\"\u003e\n\u003cp class=\"mobile-pdf-link\"\u003e\u003ca href=\"https:\/\/www.dropbox.com\/scl\/fi\/gon9c12mpf3or8f2ei15d\/DH-CR-3-inch.pdf?rlkey=9nk36tifjxmkb4m1ii33pdpte\u0026amp;st=uh6ryjbq\u0026amp;raw=1\" target=\"_blank\"\u003e 📄 PDF \u003c\/a\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Style\"\u003e\u003cspan class=\"cell\"\u003eLarge\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Length\"\u003e\u003cspan class=\"cell\"\u003e40 Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Width\"\u003e\u003cspan class=\"cell\"\u003e10 ¹³\/₁₆ Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Channel width\"\u003e\u003cspan class=\"cell\"\u003e4 Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Thickness\"\u003e\u003cspan class=\"cell\"\u003e1 ¹\/2 Inch\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Weight\"\u003e\u003cspan class=\"cell\"\u003e14.0 LBS\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Drawing\"\u003e\n\u003cp class=\"mobile-pdf-link\"\u003e\u003ca href=\"https:\/\/www.dropbox.com\/scl\/fi\/9mz2wpvjjy5swd0kt6am5\/DH-CR-4-inch.pdf?rlkey=j0plpjawxxjys553cz2wypz0a\u0026amp;st=sdm8ejwp\u0026amp;raw=1\"\u003e 📄 PDF \u003c\/a\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n.video-wrap {\n  display: flex;\n  gap: 24px;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  font-family: Arial, sans-serif;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* ===== 主播放器 ===== *\/\n.video-player {\n  flex: 2;\n  min-width: 320px;\n  background: #000;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.25);\n  position: relative;\n}\n\n#player {\n  width: 100%;\n  height: 520px;\n}\n\n\/* ===== 控制按钮 ===== *\/\n.controls {\n  position: absolute;\n  bottom: 12px;\n  left: 12px;\n  display: flex;\n  gap: 10px;\n  z-index: 10;\n}\n\n.controls button {\n  background: rgba(0,0,0,0.6);\n  color: #fff;\n  border: 1px solid rgba(255,255,255,0.2);\n  padding: 8px 12px;\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 14px;\n}\n\n\/* ===== 视频列表 ===== *\/\n.video-list {\n  flex: 1;\n  min-width: 280px;\n  background: #111;\n  border-radius: 16px;\n  padding: 12px;\n\n  display: flex;\n  flex-direction: row;\n  overflow-x: auto;\n  gap: 10px;\n}\n\n.video-item {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 10px;\n  cursor: pointer;\n  border-radius: 12px;\n  transition: 0.25s;\n  background: #1c1c1c;\n  border: 1px solid transparent;\n  min-width: 160px;\n}\n\n.video-item:hover {\n  transform: translateY(-2px);\n  background: #2a2a2a;\n}\n\n.video-item.active {\n  border: 1px solid #ff3b3b;\n  background: #222;\n}\n\n.video-item img {\n  width: 100%;\n  height: 90px;\n  object-fit: cover;\n  border-radius: 8px;\n}\n\n.video-title {\n  font-size: 14px;\n  color: #fff;\n  line-height: 1.4;\n  text-align: center;\n}\n\n\/* =========================\n   📱 手机端优化\n========================= *\/\n@media (max-width: 768px) {\n  .video-wrap {\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .video-player {\n    width: 100vw;\n    margin-left: -16px;\n    border-radius: 0;\n  }\n\n  #player {\n    width: 100vw;\n    height: calc(100vw * 9 \/ 16);\n  }\n\n  .controls {\n    display: none;\n  }\n\n  \/* 手机端横向滑动列表，隐藏滚动条 *\/\n  .video-list {\n    flex-direction: row;\n    overflow-x: auto;\n    gap: 10px;\n    padding: 10px;\n    scrollbar-width: none; \/* Firefox 隐藏滚动条 *\/\n  }\n\n  .video-list::-webkit-scrollbar {\n    display: none; \/* Chrome\/Safari 隐藏滚动条 *\/\n  }\n\n  .video-item {\n    min-width: 160px;\n  }\n\n  .video-item img {\n    height: 120px;\n  }\n\n  .video-title {\n    font-size: 13px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"video-wrap\"\u003e\n\u003c!-- 主播放器 --\u003e\n\u003cdiv class=\"video-player\"\u003e\n\u003cdiv id=\"player\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"controls\"\u003e\n\u003cbutton id=\"prevBtn\"\u003e⟵ Prev\u003c\/button\u003e \u003cbutton id=\"nextBtn\"\u003eNext ⟶\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 视频列表 --\u003e\n\u003cdiv class=\"video-list\"\u003e\n\u003cdiv class=\"video-item active\" data-index=\"0\"\u003e\n\u003cimg src=\"https:\/\/img.youtube.com\/vi\/jvB__x7wrOw\/hqdefault.jpg\"\u003e\n\u003cdiv class=\"video-title\"\u003eDrop Over Cable Ramp Protective Cover\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-item\" data-index=\"1\"\u003e\n\u003cimg src=\"https:\/\/img.youtube.com\/vi\/t8MlwtABsAI\/hqdefault.jpg\"\u003e\n\u003cdiv class=\"video-title\"\u003e2PACK Yellow Outdoor Drop Over Wire Ramp\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/www.youtube.com\/iframe_api\"\u003e\u003c\/script\u003e \u003cscript\u003e\nconst videos = [\"jvB__x7wrOw\", \"t8MlwtABsAI\"];\nlet player;\nlet currentIndex = 0;\nlet isReady = false;\n\nfunction onYouTubeIframeAPIReady() {\n  player = new YT.Player('player', {\n    videoId: videos[0],\n    playerVars: { autoplay: 1, controls: 1, rel: 0 },\n    events: { onReady: () =\u003e { isReady = true; }, onStateChange: onPlayerStateChange }\n  });\n}\n\nfunction onPlayerStateChange(event) {\n  if (event.data === YT.PlayerState.ENDED) nextVideo();\n}\n\nfunction playVideo(index) {\n  if (!player || !isReady) return;\n  currentIndex = index;\n  player.loadVideoById(videos[index]);\n  updateActive();\n}\n\nfunction nextVideo() {\n  if (!player || !isReady) return;\n  currentIndex = (currentIndex + 1) % videos.length;\n  player.loadVideoById(videos[currentIndex]);\n  updateActive();\n}\n\nfunction prevVideo() {\n  if (!player || !isReady) return;\n  currentIndex = (currentIndex - 1 + videos.length) % videos.length;\n  player.loadVideoById(videos[currentIndex]);\n  updateActive();\n}\n\nfunction updateActive() {\n  document.querySelectorAll(\".video-item\").forEach((el, i) =\u003e {\n    el.classList.toggle(\"active\", i === currentIndex);\n  });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.getElementById(\"nextBtn\").addEventListener(\"click\", nextVideo);\n  document.getElementById(\"prevBtn\").addEventListener(\"click\", prevVideo);\n\n  document.querySelectorAll(\".video-item\").forEach((item) =\u003e {\n    item.addEventListener(\"click\", function () {\n      playVideo(parseInt(this.dataset.index));\n    });\n  });\n});\n\u003c\/script\u003e\u003c\/p\u003e","brand":"OranLite","offers":[{"title":"Yellow \/ Small","offer_id":50778487619888,"sku":"DH-CR-3Yx2","price":29.68,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ Large","offer_id":50778487652656,"sku":"DH-CR-4Yx2","price":42.71,"currency_code":"USD","in_stock":true},{"title":"Black \/ Small","offer_id":50778487685424,"sku":"DH-CR-3Bx2","price":29.68,"currency_code":"USD","in_stock":true},{"title":"Black \/ Large","offer_id":50778487718192,"sku":"DH-CR-4Bx2","price":42.71,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0839\/3690\/3472\/files\/CR-3Y.jpg?v=1771912781","url":"https:\/\/www.oranlite.com\/products\/black-yellow-drop-over-cable-ramp","provider":"OranLite","version":"1.0","type":"link"}