{"product_id":"aiguilles-interchangeables-ginger-knitpro","title":"Aiguilles interchangeables Ginger - KnitPro","description":"\u003c!-- 1) Charger la police Quattrocento Sans --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Quattrocento+Sans:wght@400;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003c!-- 2) Composant onglets --\u003e\n\u003cdiv id=\"tabset-1\" style=\"max-width:100%;\"\u003e\n\n  \u003c!-- Ligne des onglets --\u003e\n  \u003cdiv id=\"tabs-1\" role=\"tablist\" aria-label=\"Sections\" style=\"display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-bottom:12px;\"\u003e\n    \u003cbutton type=\"button\" data-target=\"panel-1\" role=\"tab\" aria-selected=\"true\" style=\"background:none;border:none;padding:0;cursor:pointer;\"\u003e\n      Description\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" data-target=\"panel-2\" role=\"tab\" aria-selected=\"false\" style=\"background:none;border:none;padding:0;cursor:pointer;\"\u003e\n      Détails\n    \u003c\/button\u003e\n    \u003cbutton type=\"button\" data-target=\"panel-3\" role=\"tab\" aria-selected=\"false\" style=\"background:none;border:none;padding:0;cursor:pointer;\"\u003e\n      Que faire avec ?\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Zone de contenu pleine largeur --\u003e\n  \u003cdiv id=\"panels-1\" style=\"width:100%;\"\u003e\n    \u003cdiv id=\"panel-1\" role=\"tabpanel\" style=\"display:block;\"\u003e\n      \u003cul\u003e\n\u003cli\u003eLes aiguilles circulaires interchangeables Ginger allient douceur et solidité pour un tricot fluide et élégant avec leur jolie teinte acajou\u003c\/li\u003e\n        \u003cli\u003eLongueur personnalisable grâce aux câbles adaptés \u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003e\u003cb\u003eLes aiguilles sont vendues sans câble, n'oubliez pas de les ajouter à votre commande ! \u003c\/b\u003e\u003c\/p\u003e\n        \n        \u003c!-- Pour rajouter un ligne a point tu fais \u003cli\u003eton texte\u003c\/li\u003e --\u003e\n      \n    \n\u003c\/div\u003e\n\n    \u003cdiv id=\"panel-2\" role=\"tabpanel\" style=\"display:none;\"\u003e\n      \u003cul\u003e\n        \u003cli\u003eMatière : bois laminé (même base que la gamme Synfonie)\u003c\/li\u003e\n        \u003cli\u003eLieu de fabrication : Inde\u003c\/li\u003e\n\u003cli\u003e Tailles disponibles : 3 mm, 3, 5 mm, 4 mm, 4,5 mm, 5 mm, 6 mm, 8 mm, 9 mm\n\u003c\/li\u003e \n \u003cli\u003e À compléter avec les \u003ca href=\"https:\/\/tricotant.com\/products\/cable-80-cm-aiguilles-circulaires-interchangeables-knit-pro\"\u003ecâbles\u003c\/a\u003e Knit Pro\n        \u003c\/li\u003e\n\u003c\/ul\u003e\n        \n        \u003c!-- Pour rajouter un ligne a point tu fais \u003cli\u003eton texte\u003c\/li\u003e --\u003e\n      \n      \u003cp\u003eUne question supplémentaire, une taille particulière souhaitée ?\u003cbr\u003e\u003ca href=\"https:\/\/tricotant.com\/pages\/contact\"\u003eÉcrivez-nous !\u003c\/a\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \n\n    \u003cdiv id=\"panel-3\" role=\"tabpanel\" style=\"display:none;\"\u003e\n     \u003cul\u003e\n       \u003cp\u003eNos réalisations favorites en 5 mm :\u003c\/p\u003e\n      \u003cli\u003eLe pull Amelot par Charlotte Sometime - \u003ca href=\"https:\/\/tricotant.com\/products\/kit-pull-amelot-mohair\" target=\"_blank\"\u003ekit disponible ici\u003c\/a\u003e\n\u003c\/li\u003e\n       \u003cli\u003eLe gilet Cabane par Charlotte Sometime - \u003ca href=\"https:\/\/tricotant.com\/products\/kit-cardigan-cabane-mohair\" target=\"_blank\"\u003ekit disponible ici\u003c\/a\u003e\n\u003c\/li\u003e\n    \n\u003c\/ul\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n\u003c!-- 3) Script de personnalisation (couleur + police) et logique d’onglets --\u003e\n\u003cscript\u003e\n(function () {\n  var root = document.getElementById('tabset-1');\n  if (!root) return;\n\n  var tabs   = root.querySelectorAll('#tabs-1 [role=\"tab\"]');\n  var panels = root.querySelectorAll('#panels-1 [role=\"tabpanel\"]');\n\n  \/\/ ==== PERSONNALISATION DEMANDÉE ====\n  var ACTIVE_COLOR   = '#963421';               \/\/ couleur onglet actif\n  var INACTIVE_COLOR = 'rgba(164,52,40,0.6)';   \/\/ couleur onglets inactifs (même teinte, atténuée)\n  var FONT_FAMILY    = \"'Quattrocento Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif\";\n  var FONT_SIZE      = '16px';\n  var FONT_WEIGHT    = '700'; \/\/ plus marqué, change à '600' si tu préfères\n\n  \/\/ Appliquer le style de base à tous les onglets\n  tabs.forEach(function (t) {\n    t.style.fontFamily = FONT_FAMILY;\n    t.style.fontSize   = FONT_SIZE;\n    t.style.fontWeight = FONT_WEIGHT;\n    t.style.letterSpacing = '0.02em';\n    t.style.lineHeight    = '1.4';\n    t.style.color         = INACTIVE_COLOR;\n    t.style.textDecoration = 'none';\n  });\n\n  function activate(targetId, clickedTab) {\n    \/\/ Masquer tous les panneaux + réinitialiser tous les onglets\n    panels.forEach(function (p) { p.style.display = 'none'; p.setAttribute('aria-hidden','true'); });\n    tabs.forEach(function (t) {\n      t.setAttribute('aria-selected','false');\n      t.style.color = INACTIVE_COLOR;\n      t.style.textDecoration = 'none';\n    });\n\n    \/\/ Afficher le panneau ciblé\n    var panel = root.querySelector('#' + targetId);\n    if (panel) { panel.style.display = 'block'; panel.setAttribute('aria-hidden','false'); }\n\n    \/\/ Styliser l’onglet actif\n    clickedTab.setAttribute('aria-selected','true');\n    clickedTab.style.color = ACTIVE_COLOR;\n    clickedTab.style.textDecoration = 'none';\n  }\n\n  \/\/ Gestion des clics\n  tabs.forEach(function (tab) {\n    tab.addEventListener('click', function () {\n      activate(this.getAttribute('data-target'), this);\n    });\n  });\n\n  \/\/ État initial (Section 1 active)\n  if (tabs.length) activate(tabs[0].getAttribute('data-target'), tabs[0]);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"KnitPro","offers":[{"title":"3 mm","offer_id":53356697420040,"sku":null,"price":8.1,"currency_code":"EUR","in_stock":true},{"title":"3.5 mm","offer_id":53356697452808,"sku":null,"price":8.1,"currency_code":"EUR","in_stock":true},{"title":"4 mm","offer_id":53356697485576,"sku":null,"price":8.1,"currency_code":"EUR","in_stock":true},{"title":"4.5 mm","offer_id":53356697518344,"sku":null,"price":8.1,"currency_code":"EUR","in_stock":true},{"title":"5 mm","offer_id":53356697551112,"sku":null,"price":8.1,"currency_code":"EUR","in_stock":true},{"title":"5.5 mm","offer_id":53454098858248,"sku":null,"price":8.1,"currency_code":"EUR","in_stock":true},{"title":"6 mm","offer_id":53356697583880,"sku":null,"price":10.3,"currency_code":"EUR","in_stock":true},{"title":"8 mm","offer_id":53356697616648,"sku":null,"price":10.3,"currency_code":"EUR","in_stock":true},{"title":"9 mm","offer_id":53356697649416,"sku":null,"price":12.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/5727\/2072\/files\/aig-interchangeables-ginger-5-mm.webp?v=1776418562","url":"https:\/\/tricotant.com\/products\/aiguilles-interchangeables-ginger-knitpro","provider":"Tricotant","version":"1.0","type":"link"}