{"id":497362,"date":"2024-10-16T16:08:24","date_gmt":"2024-10-16T16:08:24","guid":{"rendered":"https:\/\/www.skinscompression.com\/uk\/?page_id=497362"},"modified":"2024-10-22T15:33:09","modified_gmt":"2024-10-22T15:33:09","slug":"quick-shop","status":"publish","type":"page","link":"https:\/\/www.skinscompression.com\/uk\/quick-shop\/","title":{"rendered":"Quick Shop"},"content":{"rendered":"\n\n\t\n\n<style>\n\n\/* General Quiz Layout *\/\n.product_selector {\n    max-width: 900px;\n    min-height: 400px;\n    margin: 0 auto;\n    text-align: center;\n}\n\n.product_selector h1 {\n\tmargin-bottom: 30px;\n}\n\n.product_selector h2 {\n    font-size: 24px;\n    font-weight: bold;\n    color: #000;\n    margin: 10px 0px;\n    display: block;\n    width: 100%;\n    text-align:center;\n}\n\n.product_selector small {\n\tdisplay: block;\n\twidth: 100%;\n}\n\n.product_selector div {\n    display: flex;\n    justify-content: center; \/* Center horizontally *\/\n    align-items: flex-start; \/* Align along the top *\/\n    flex-wrap: wrap; \/* Allow wrapping for smaller screens *\/\n    gap: 20px; \/* Add spacing between the buttons *\/\n}\n\n.product_selector button.product-selector {\n    display: inline-block;\n    width: 180px;\n    height: auto;\n    margin: 10px;\n    padding: 10px;\n    background-color: #f0f0f0;\n    border: 2px solid #000;\n    text-align: center;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border-radius: 0px;\n}\n\n#step2 button.product-selector {\n\theight: 220px;\n}\n\n#step3 button.product-selector {\n\theight: 100px;\n}\n\n.product_selector button.product-selector img {\n    height: 100px;\n    width: auto;\n    margin-bottom: 10px;\n}\n\n#step2 button.product-selector img {\n\theight: 50px !important;\n}\n\n.product_selector button.product-selector small {\n    display: block;\n    font-size: 12px;\n    color: #666;\n}\n\n\/* Step transitions *\/\n#step1, #step2, #step3 {\n    display: none;\n    animation: fadein 1s;\n}\n\n#step1 {\n    display: flex;\n}\n\n@keyframes fadein {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n\/* Step Buttons Style *\/\n.product_selector button.product-selector {\n    font-size: 16px;\n    font-weight: 600;\n    color: #000;\n    background: #fff;\n    box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.1);\n}\n\n.product_selector button.product-selector img {\n    margin-bottom: 15px;\n}\n\n.product_selector button:hover {\n    box-shadow: 12px 12px 0px 0px rgba(0, 0, 0, 0.2);\n}\n\n\/* Mobile responsiveness *\/\n@media (max-width: 600px) {\n    .product_selector button.product-selector {\n        width: 36%;\n        height: 160px;\n    }\n\n    .product_selector h2 {\n        font-size: 20px;\n    }\n\n    .product_selector button.product-selector img {\n        max-height: 60px;\n    }\n    \n    #step2 button.product-selector img {\n\t\theight: 30px !important;\n\t}\n\n}\n\n\n<\/style>\n\n<div class='product_selector'>\n\t<h1>FIND YOUR PERFECT COMPRESSION...QUICKER<\/h1>\n    <!-- Step 1: Product Type -->\n    <div id=\"step1\">\n        <h2>I'm looking for:<\/h2>\n        <button class=\"product-selector\" data-product_type=\"tops\">\n            <img data-src='\/wp-content\/themes\/bb-skins-glowup\/images\/selector_tops.png?v=1.1' src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==' class='lazyload' \/>\n            <h2>Tops<\/h2>\n        <\/button>\n        <button class=\"product-selector\" data-product_type=\"long-tights\">\n            <img data-src='\/wp-content\/themes\/bb-skins-glowup\/images\/selector_tights.png?v=1.1' src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==' class='lazyload' \/>\n            <h2>Tights<\/h2>\n        <\/button>\n        <button class=\"product-selector\" data-product_type=\"shorts,half-tights\">\n            <img data-src='\/wp-content\/themes\/bb-skins-glowup\/images\/selector_shorts.png?v=1.1' src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==' class='lazyload' \/>\n            <h2>Shorts<\/h2>\n        <\/button>\n    <\/div>\n\n    <!-- Step 2: Compression Level -->\n    <div id=\"step2\" style=\"display: none;\">\n        <h2>Compression Level<\/h2>\n        <button class=\"product-selector\" data-compression_level=\"0\">\n            <img data-src='\/wp-content\/themes\/bb-skins-glowup\/images\/selector_no_compression.png?v=1.2' src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==' class='lazyload' \/>\n            <h2>None<\/h2>\n            <small>(Activewear)<\/small>\n        <\/button>\n        <button class=\"product-selector\" data-compression_level=\"1\">\n            <img data-src='\/wp-content\/themes\/bb-skins-glowup\/images\/selector_compression_medium.png?v=1.2' src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==' class='lazyload' \/>\n            <h2>Medium<\/h2>\n            <small>(Entry-level Compression)<\/small>\n        <\/button>\n        <button class=\"product-selector\" data-compression_level=\"3\">\n            <img data-src='\/wp-content\/themes\/bb-skins-glowup\/images\/selector_compression_medium-high.png?v=1.2' src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==' class='lazyload' \/>\n           <h2> Medium-high<\/h2>\n            <small>(Most Popular)<\/small>\n        <\/button>\n        <button class=\"product-selector\" data-compression_level=\"5\">\n            <img data-src='\/wp-content\/themes\/bb-skins-glowup\/images\/selector_compression_high.png?v=1.2' src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==' class='lazyload' \/>\n           <h2> Highest<\/h2>\n            <small>(For Seasoned Compression Wearers & Intense Workout Regimes)<\/small>\n        <\/button>\n    <\/div>\n\n    <!-- Step 3: Gender -->\n    <div id=\"step3\" style=\"display: none;\">\n        <h2>I'm shopping for:<\/h2>\n        <button class=\"product-selector\" data-gender=\"mens\">Men's<\/button>\n        <button class=\"product-selector\" data-gender=\"womens\">Women's<\/button>\n    <\/div>\n\n<\/div>\n\n<script>\n    jQuery(document).ready(function () {\n        var productType = '';\n        var compressionLevel = '';\n        var gender = '';\n\n        \/\/ Helper function to fadeIn with display flex\n        function fadeInFlex(element) {\n            jQuery(element).css({display: 'flex'}).hide().fadeIn(); \/\/ Set display to flex before fadeIn\n        }\n\n        \/\/ Step 1: Select Product Type\n        jQuery('#step1 .product-selector').on('click', function () {\n            productType = jQuery(this).data('product_type');\n            jQuery('#step1').fadeOut(function () {\n                fadeInFlex('#step2'); \/\/ Call fadeInFlex to maintain flex display\n            });\n        });\n\n        \/\/ Step 2: Select Compression Level\n        jQuery('#step2 .product-selector').on('click', function () {\n            compressionLevel = jQuery(this).data('compression_level');\n            jQuery('#step2').fadeOut(function () {\n                fadeInFlex('#step3'); \/\/ Call fadeInFlex to maintain flex display\n            });\n        });\n\n        \/\/ Step 3: Select Gender and Generate URL\n        jQuery('#step3 .product-selector').on('click', function () {\n            gender = jQuery(this).data('gender');\n\n            \/\/ Set ranges and category based on compression level\n            var ranges = '';\n            var category = '';\n\n            if (compressionLevel == '0') {\n                category = 'activewear';\n            } else {\n                category = 'compression';\n                if (compressionLevel == '1') ranges = 'series-1';\n                if (compressionLevel == '3') ranges = 'series-3';\n                if (compressionLevel == '5') ranges = 'series-5';\n            }\n\n            \/\/ Build the final URL\n            var url = '[site_url]\/shop\/?';\n            url += '_product_type=' + encodeURIComponent(productType);\n            url += '&_category=' + encodeURIComponent(category);\n            url += '&_ranges=' + encodeURIComponent(ranges);\n            url += '&_gender=' + encodeURIComponent(gender);\n            \n            gtag('event', 'product_selector_submission', {\n\t\t\t\t'event_category': 'Form',\n\t\t\t\t'event_label': 'Product Selector Submission'\n\t\t\t});\n\n            \/\/ Redirect to the generated URL\n            window.location.href = url;\n        });\n    });\n<\/script>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-497362","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Quick Shop - SKINS Compression UK<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.skinscompression.com\/uk\/quick-shop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quick Shop - SKINS Compression UK\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.skinscompression.com\/uk\/quick-shop\/\" \/>\n<meta property=\"og:site_name\" content=\"SKINS Compression UK\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-22T15:33:09+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.skinscompression.com\/uk\/quick-shop\/\",\"url\":\"https:\/\/www.skinscompression.com\/uk\/quick-shop\/\",\"name\":\"Quick Shop - SKINS Compression UK\",\"isPartOf\":{\"@id\":\"https:\/\/www.skinscompression.com\/uk\/#website\"},\"datePublished\":\"2024-10-16T16:08:24+00:00\",\"dateModified\":\"2024-10-22T15:33:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.skinscompression.com\/uk\/quick-shop\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.skinscompression.com\/uk\/quick-shop\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.skinscompression.com\/uk\/quick-shop\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.skinscompression.com\/uk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quick Shop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.skinscompression.com\/uk\/#website\",\"url\":\"https:\/\/www.skinscompression.com\/uk\/\",\"name\":\"SKINS Compression UK\",\"description\":\"The pioneers of compression sportswear\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.skinscompression.com\/uk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Quick Shop - SKINS Compression UK","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.skinscompression.com\/uk\/quick-shop\/","og_locale":"en_US","og_type":"article","og_title":"Quick Shop - SKINS Compression UK","og_url":"https:\/\/www.skinscompression.com\/uk\/quick-shop\/","og_site_name":"SKINS Compression UK","article_modified_time":"2024-10-22T15:33:09+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.skinscompression.com\/uk\/quick-shop\/","url":"https:\/\/www.skinscompression.com\/uk\/quick-shop\/","name":"Quick Shop - SKINS Compression UK","isPartOf":{"@id":"https:\/\/www.skinscompression.com\/uk\/#website"},"datePublished":"2024-10-16T16:08:24+00:00","dateModified":"2024-10-22T15:33:09+00:00","breadcrumb":{"@id":"https:\/\/www.skinscompression.com\/uk\/quick-shop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.skinscompression.com\/uk\/quick-shop\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.skinscompression.com\/uk\/quick-shop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.skinscompression.com\/uk\/"},{"@type":"ListItem","position":2,"name":"Quick Shop"}]},{"@type":"WebSite","@id":"https:\/\/www.skinscompression.com\/uk\/#website","url":"https:\/\/www.skinscompression.com\/uk\/","name":"SKINS Compression UK","description":"The pioneers of compression sportswear","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.skinscompression.com\/uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.skinscompression.com\/uk\/wp-json\/wp\/v2\/pages\/497362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.skinscompression.com\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.skinscompression.com\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.skinscompression.com\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.skinscompression.com\/uk\/wp-json\/wp\/v2\/comments?post=497362"}],"version-history":[{"count":3,"href":"https:\/\/www.skinscompression.com\/uk\/wp-json\/wp\/v2\/pages\/497362\/revisions"}],"predecessor-version":[{"id":497442,"href":"https:\/\/www.skinscompression.com\/uk\/wp-json\/wp\/v2\/pages\/497362\/revisions\/497442"}],"wp:attachment":[{"href":"https:\/\/www.skinscompression.com\/uk\/wp-json\/wp\/v2\/media?parent=497362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}