{"product_id":"the-groomers-helper-stainless-steel-grooming-table-arms","title":"Brazo clásico premium de acero inoxidable de 1\" para mesa de peluquería","description":"\u003c!-- Meta and Lightbox CSS --\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lightbox2\/2.11.3\/css\/lightbox.min.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003c!-- CSS for Styling --\u003e\n\u003cstyle\u003e\n    #toggleButton, .sectionToggleButton {\n        width: 20px;\n        height: 20px;\n        background-color: grey;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        border: 1px solid black;\n        outline: none;\n        position: relative;\n        vertical-align: middle;\n        margin-left: 5px;\n    }\n\n    #toggleButton:before, #toggleButton:after, .sectionToggleButton:before, .sectionToggleButton:after {\n        content: \"\";\n        width: 12px;\n        height: 2px;\n        background-color: red;\n        position: absolute;\n    }\n\n    #toggleButton:before, .sectionToggleButton:before {\n        transform: rotate(90deg);\n    }\n\n    #toggleButton:after, .sectionToggleButton:after {\n        transform: rotate(0deg);\n    }\n\n    #productInfoContainer, .sectionContent {\n        display: none;\n        padding: 20px;\n        margin-top: 10px;\n        text-align: center;\n    }\n\n    .sectionContainer {\n        margin: 10px 0;\n    }\n\n    ul {\n        list-style: none;\n        padding: 0;\n        text-align: center;\n    }\n\n    ul li {\n        margin-bottom: 10px;\n    }\n\n    .product-info {\n        font-size: 16px;\n        line-height: 1.6;\n        text-align: center;\n    }\n\n    .product-title {\n        font-size: 24px;\n        margin-bottom: 10px;\n    }\n\n    .highlight {\n        color: rgb(255, 42, 0);\n    }\n\n    .product-images {\n        display: flex;\n        justify-content: center;\n        margin-bottom: 20px;\n    }\n\n    .product-image {\n        height: 260px;\n        width: 260px;\n        margin: 0 10px;\n    }\n\n    .product-description, .product-details, .additional-info {\n        margin: 10px 0;\n    }\n\n    .product-features {\n        list-style: none;\n        padding: 0;\n        text-align: center;\n    }\n\n    .product-features li {\n        margin: 5px 0;\n    }\n   a.link-faded[href=\"\/es\/collections\/vendors?q=Groomers%20Helper%C2%AE\"] {\n    color: #FF0000; \/* Red color *\/\n}\n\u003c\/style\u003e\n\u003c!-- Main Product Information with Lightbox-enabled Images --\u003e\n\u003cdiv class=\"product-info\"\u003e\n\u003ch1 class=\"product-title\"\u003e\u003cspan style=\"color: rgb(255, 42, 0);\"\u003eLa colección premium de brazos para mesa de peluquería\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/h1\u003e\n\u003c!-- Product Images with Lightbox --\u003e\n\u003cdiv class=\"product-images\"\u003e\u003c!-- First Image --\u003e \u003ca data-lightbox=\"product-images\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0728\/8468\/2786\/files\/GroomersHelperHeavyDuty1inchclassicStainlessSteelGroomingArmleftfacingwithtext-500x500.jpg?v=1715267381\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0728\/8468\/2786\/files\/GroomersHelperHeavyDuty1inchclassicStainlessSteelGroomingArmleftfacingwithtext-500x500.jpg?v=1715267381\" alt=\"Brazo clásico Groomers Helper\" class=\"product-image\"\u003e \u003c\/a\u003e \u003c!-- Second Image --\u003e \u003ca data-lightbox=\"product-images\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0728\/8468\/2786\/files\/1inFlip-Toparm_f4fc8f78-5aef-47a2-b368-f2bbe8ded090.jpg?v=1714680589\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003c!-- Product Description --\u003e\n\u003ch2 class=\"product-description\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch3 class=\"product-description\"\u003eEl brazo clásico premium de acero inoxidable de 1\" para mesa de peluquería Groomers Helper®\u003c\/h3\u003e\n\u003ch2 class=\"product-description\"\u003eCaracterísticas principales\u003c\/h2\u003e\n\u003c!-- Key Features Section --\u003e\n\u003cul class=\"product-features\"\u003e\n\u003cli\u003e\u003cstrong\u003eDurabilidad superior\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eAcero inoxidable calibre 16, diseñado para soportar un uso intensivo.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFiabilidad total\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eGarantía 100% de que no se doblará. Reemplazo gratuito si se dobla durante el uso normal.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eDiseñado para durar\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eUna inversión a largo plazo, con una vida útil superior a la de la mayoría de los equipos de peluquería.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTamaño óptimo\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e17\" de ancho x 48\" de alto x 1\" de grosor, adecuado para todas las razas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- Additional Info Section --\u003e\u003c!-- Enhanced Lightbox and JavaScript Initialization --\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lightbox2\/2.11.3\/js\/lightbox.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        try {\n            \/\/ Initialize Lightbox with detailed configuration options\n            lightbox.option({\n                'resizeDuration': 300,  \/\/ Time (ms) for resizing animation\n                'wrapAround': true,     \/\/ Allows navigating from last image back to first\n                'fadeDuration': 300,    \/\/ Time (ms) for fading transition\n                'disableScrolling': true,  \/\/ Disable background scrolling when Lightbox is active\n                'showImageNumberLabel': true, \/\/ Show \"Image x of y\" in Lightbox\n                'maxWidth': 1024,       \/\/ Set maximum width for images\n                'maxHeight': 768,       \/\/ Set maximum height for images\n                'positionFromTop': 100,  \/\/ Position Lightbox image 100px from the top\n                'fitImagesInViewport': true,  \/\/ Ensure the image fits inside the viewport\n                'albumLabel': \"Image %1 of %2\", \/\/ Custom text for album label\n                'alwaysShowNavOnTouchDevices': true \/\/ Always show navigation arrows on touch devices\n            });\n\n            \/\/ Close Lightbox on external click (UX feature)\n            document.addEventListener('click', function(event) {\n                if (event.target.classList.contains('lb-close')) {\n                    lightbox.end(); \/\/ Close the Lightbox if the close button is clicked\n                }\n            });\n\n            \/\/ Log Lightbox events to the console for debugging or analytics\n            lightbox.option({\n                'onOpen': function() {\n                    console.log(\"Lightbox opened.\");\n                },\n                'onClose': function() {\n                    console.log(\"Lightbox closed.\");\n                },\n                'onImageChange': function(currentImageIndex, totalImages) {\n                    console.log(`Current Image: ${currentImageIndex + 1} of ${totalImages}`);\n                }\n            });\n\n        } catch (error) {\n            console.error(\"Error initializing Lightbox:\", error);  \/\/ Log errors if initialization fails\n        }\n    });\n\n    \/\/ Enhanced toggle functionality for showing\/hiding content with smooth transitions\n    document.querySelectorAll('#toggleButton, .sectionToggleButton').forEach(button =\u003e {\n        button.addEventListener('click', function() {\n            var content = button.nextElementSibling;\n            if (content.style.display === 'none' || content.style.display === '') {\n                content.style.display = 'block';\n                content.style.opacity = 0;\n                setTimeout(() =\u003e {\n                    content.style.opacity = 1;\n                    content.style.transition = 'opacity 0.5s ease-in-out';\n                }, 10);  \/\/ Short delay to trigger the transition\n            } else {\n                content.style.opacity = 0;\n                content.style.transition = 'opacity 0.5s ease-in-out';\n                setTimeout(() =\u003e {\n                    content.style.display = 'none';\n                }, 500);  \/\/ Matches the duration of the fade-out\n            }\n        });\n    });\n\n    \/\/ Detect swipe gestures for navigating images on touch devices\n    let xDown = null;\n    let yDown = null;\n\n    document.addEventListener('touchstart', function(evt) {\n        const firstTouch = evt.touches[0];\n        xDown = firstTouch.clientX;\n        yDown = firstTouch.clientY;\n    });\n\n    document.addEventListener('touchmove', function(evt) {\n        if (!xDown || !yDown) {\n            return;\n        }\n\n        const xUp = evt.touches[0].clientX;\n        const yUp = evt.touches[0].clientY;\n\n        const xDiff = xDown - xUp;\n        const yDiff = yDown - yUp;\n\n        \/\/ Only detect horizontal swipes (left\/right)\n        if (Math.abs(xDiff) \u003e Math.abs(yDiff)) {\n            if (xDiff \u003e 0) {\n                lightbox.nextImage(); \/\/ Swipe left: Next image\n            } else {\n                lightbox.prevImage(); \/\/ Swipe right: Previous image\n            }\n        }\n\n        xDown = null;\n        yDown = null;\n    });\n\n    \/\/ Custom keyboard handling for improved navigation experience\n    document.addEventListener('keydown', function(event) {\n        if (event.key === \"ArrowRight\") {\n            lightbox.nextImage();  \/\/ Right arrow key: Next image\n        } else if (event.key === \"ArrowLeft\") {\n            lightbox.prevImage();  \/\/ Left arrow key: Previous image\n        } else if (event.key === \"Escape\") {\n            lightbox.end();  \/\/ Escape key: Close Lightbox\n        }\n    });\n\u003c\/script\u003e\u003c\/div\u003e","brand":"Groomers Helper®","offers":[{"title":"Default Title","offer_id":42419274776610,"sku":"GH-1A","price":99.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/8468\/2786\/files\/GroomersHelperHeavyDuty1inchclassicStainlessSteelGroomingArmleftfacingwithtext-500x500.jpg?v=1740701206","url":"https:\/\/groomershelper.com\/es\/products\/the-groomers-helper-stainless-steel-grooming-table-arms","provider":"Groomers Helper®","version":"1.0","type":"link"}