{"product_id":"copper-c-type-connectors","title":"Copper 'C' Type Connectors","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    \/* General Styles *\/\n    table {\n        border-collapse: collapse;\n        width: 100%;\n        margin-top: 10px;\n        table-layout: fixed; \/* Enable fixed table layout *\/\n    }\n\n    th, td {\n        border: 1px solid black;\n        padding: 8px;\n        text-align: center;\n    }\n\n    th {\n        background-color: #3f4998;\n        color: white;\n    }\n\n    tr:hover {\n        background-color: #f2f2f2;\n    }\n\n    #searchBox {\n        margin-bottom: 10px;\n        padding: 8px;\n        width: 100%;\n        font-size: 16px;\n        box-sizing: border-box;\n    }\n\n    td:nth-child(5) {\n        background-color: #d9edf7;\n    }\n\n    tbody tr:hover td:nth-child(5) {\n        background-color: #c7dbee;\n    }\n\n    \/* Container for the table to enable horizontal scrolling *\/\n    .table-container {\n        overflow-x: auto;\n    }\n\n    \/* Media Queries for Mobile View *\/\n    @media (max-width: 600px) {\n        th, td {\n            padding: 6px;\n            font-size: 14px;\n        }\n\n        #searchBox {\n            font-size: 14px;\n        }\n\n        .table-container {\n            width: 100%;\n            overflow-x: auto;\n        }\n\n        table {\n            width: max-content; \/* Allow table to expand beyond viewport width *\/\n        }\n    }\n\u003c\/style\u003e\n\u003cp\u003e \u003cinput type=\"text\" id=\"searchBox\" placeholder=\"Search Cable mm²...\" onkeyup=\"filterTable()\"\u003e\u003c\/p\u003e\n\u003ctable id=\"dataTable\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"width: 20%;\" rowspan=\"2\"\u003eCable mm²\u003c\/th\u003e\n\u003cth style=\"width: 60%;\" colspan=\"3\"\u003eDimensions\u003c\/th\u003e\n\u003cth style=\"width: 20%;\" rowspan=\"2\"\u003eProduct Code\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eA\u003c\/th\u003e\n\u003cth\u003eB\u003c\/th\u003e\n\u003cth\u003eC\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eC6 - C6\u003c\/td\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003ctd\u003e9.8\u003c\/td\u003e\n\u003ctd\u003e6.4\u003c\/td\u003e\n\u003ctd\u003eHCC 6 - 6\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eC10 - C10\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e12.6\u003c\/td\u003e\n\u003ctd\u003e8.4\u003c\/td\u003e\n\u003ctd\u003eHCC 10 - 10\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eC16 - C16\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003ctd\u003e19.4\u003c\/td\u003e\n\u003ctd\u003e12.0\u003c\/td\u003e\n\u003ctd\u003eHCC 16 - 16\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eC25 - C25\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003ctd\u003e21.4\u003c\/td\u003e\n\u003ctd\u003e13.0\u003c\/td\u003e\n\u003ctd\u003eHCC 25 - 25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eC35 - C35\u003c\/td\u003e\n\u003ctd\u003e21\u003c\/td\u003e\n\u003ctd\u003e26.6\u003c\/td\u003e\n\u003ctd\u003e15.6\u003c\/td\u003e\n\u003ctd\u003eHCC 35 - 35\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eC50 - C50\u003c\/td\u003e\n\u003ctd\u003e26\u003c\/td\u003e\n\u003ctd\u003e38.0\u003c\/td\u003e\n\u003ctd\u003e21.0\u003c\/td\u003e\n\u003ctd\u003eHCC 50 - 50\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eC70 - C70\u003c\/td\u003e\n\u003ctd\u003e28\u003c\/td\u003e\n\u003ctd\u003e34.0\u003c\/td\u003e\n\u003ctd\u003e21.0\u003c\/td\u003e\n\u003ctd\u003eHCC 70 - 70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eC95 - C95\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003ctd\u003e41.0\u003c\/td\u003e\n\u003ctd\u003e26.0\u003c\/td\u003e\n\u003ctd\u003eHCC 95 - 95\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eC120 - C120\u003c\/td\u003e\n\u003ctd\u003e30\u003c\/td\u003e\n\u003ctd\u003e45.0\u003c\/td\u003e\n\u003ctd\u003e28.0\u003c\/td\u003e\n\u003ctd\u003eHCC 120 - 120\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eC150 - C150\u003c\/td\u003e\n\u003ctd\u003e30\u003c\/td\u003e\n\u003ctd\u003e48.0\u003c\/td\u003e\n\u003ctd\u003e28.0\u003c\/td\u003e\n\u003ctd\u003eHCC 150 - 150\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eC185 - C185\u003c\/td\u003e\n\u003ctd\u003e32\u003c\/td\u003e\n\u003ctd\u003e52.0\u003c\/td\u003e\n\u003ctd\u003e32.0\u003c\/td\u003e\n\u003ctd\u003eHCC 185 - 185\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eC240 - C240\u003c\/td\u003e\n\u003ctd\u003e32\u003c\/td\u003e\n\u003ctd\u003e55.0\u003c\/td\u003e\n\u003ctd\u003e38.0\u003c\/td\u003e\n\u003ctd\u003eHCC 240 - 240\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n  \u003cscript\u003e\n       function filterTable() {\n  \/\/ Get the input value\n  const searchInput = document.getElementById('searchBox').value.toLowerCase();\n  const table = document.getElementById('dataTable');\n  const rows = table.getElementsByTagName('tr');\n  let found = false;\n\n  \/\/ Loop through all table rows (excluding the header rows)\n  for (let i = 1; i \u003c rows.length; i++) {\n    const cableCell = rows[i].getElementsByTagName('td')[0]; \/\/ Cable mm² column\n    if (cableCell) {\n      const cableText = cableCell.textContent || cableCell.innerText;\n      \/\/ Check if the search value matches the Cable mm²\n      if (cableText.toLowerCase().includes(searchInput)) {\n        rows[i].style.display = ''; \/\/ Show row if it matches\n        found = true;\n      } else {\n        rows[i].style.display = 'none'; \/\/ Hide row if it doesn't match\n      }\n    }\n  }\n\n  \/\/ Check if any rows were found and display the message if not\n  const noDataMessage = document.getElementById('noDataMessage');\n  if (!found) {\n    if (!noDataMessage) {\n      const message = document.createElement('p');\n      message.id = 'noDataMessage';\n      message.style.color = 'red';\n      message.textContent = 'No wire size available';\n      document.body.appendChild(message);\n    }\n  } else {\n    if (noDataMessage) {\n      noDataMessage.remove();\n    }\n  }\n}\n\n    \u003c\/script\u003e\n\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Delta Al Raqiya","offers":[{"title":"HCC 6 - 6","offer_id":49954292433218,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HCC 10 - 10","offer_id":49954292465986,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HCC 16 - 16","offer_id":49954292498754,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HCC 25 - 25","offer_id":49954292531522,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HCC 35 - 35","offer_id":49954292564290,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HCC 50 - 50","offer_id":49954292597058,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HCC 70 - 70","offer_id":49954292629826,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HCC 95 - 95","offer_id":49954292662594,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HCC 120 - 120","offer_id":49954292695362,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HCC 150 - 150","offer_id":49954292728130,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HCC 185 - 185","offer_id":49954292760898,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true},{"title":"HCC 240 - 240","offer_id":49954292793666,"sku":null,"price":0.0,"currency_code":"SAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0903\/6274\/1058\/files\/Untitled_design_56_1.png?v=1739947135","url":"https:\/\/www.deltaraqiya.com\/ar\/products\/copper-c-type-connectors","provider":"Delta Al Raqiya","version":"1.0","type":"link"}