jQuery(function($) { new Shopify.OptionSelectors('product-selectors', { product: {"id":7528383873206,"title":"Stocky Autoworks Hoodie V2 Red\u0026Black","handle":"stocky-autoworks-hoodie-v2","description":"Here we brought back the OG logo with a spin off with different colors.","published_at":"2022-12-19T09:54:48-05:00","created_at":"2022-12-19T09:54:46-05:00","vendor":"Stocky AutoWorks","type":"","tags":["Apparel","Hoodie"],"price":4000,"price_min":4000,"price_max":4500,"available":true,"price_varies":true,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42016212418742,"title":"SMALL (Black\u0026Red)","option1":"SMALL (Black\u0026Red)","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Stocky Autoworks Hoodie V2 Red\u0026Black - SMALL (Black\u0026Red)","public_title":"SMALL (Black\u0026Red)","options":["SMALL (Black\u0026Red)"],"price":4000,"weight":454,"compare_at_price":null,"inventory_management":null,"barcode":"Custom Product","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42016212451510,"title":"MEDIUM (Black\u0026Red)","option1":"MEDIUM (Black\u0026Red)","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Stocky Autoworks Hoodie V2 Red\u0026Black - MEDIUM (Black\u0026Red)","public_title":"MEDIUM (Black\u0026Red)","options":["MEDIUM (Black\u0026Red)"],"price":4000,"weight":454,"compare_at_price":null,"inventory_management":null,"barcode":"Custom Product","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42016212484278,"title":"LARGE (Black\u0026Red)","option1":"LARGE (Black\u0026Red)","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Stocky Autoworks Hoodie V2 Red\u0026Black - LARGE (Black\u0026Red)","public_title":"LARGE (Black\u0026Red)","options":["LARGE (Black\u0026Red)"],"price":4000,"weight":454,"compare_at_price":null,"inventory_management":null,"barcode":"Custom Product","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42016212517046,"title":"X-LARGE (Black\u0026Red)","option1":"X-LARGE (Black\u0026Red)","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Stocky Autoworks Hoodie V2 Red\u0026Black - X-LARGE (Black\u0026Red)","public_title":"X-LARGE (Black\u0026Red)","options":["X-LARGE (Black\u0026Red)"],"price":4000,"weight":454,"compare_at_price":null,"inventory_management":null,"barcode":"Custom Product","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42016212549814,"title":"XX-LARGE (Black\u0026Red)","option1":"XX-LARGE (Black\u0026Red)","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Stocky Autoworks Hoodie V2 Red\u0026Black - XX-LARGE (Black\u0026Red)","public_title":"XX-LARGE (Black\u0026Red)","options":["XX-LARGE (Black\u0026Red)"],"price":4000,"weight":454,"compare_at_price":null,"inventory_management":null,"barcode":"Custom Product","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42016212582582,"title":"XXX-LARGE (Black\u0026Red)","option1":"XXX-LARGE (Black\u0026Red)","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Stocky Autoworks Hoodie V2 Red\u0026Black - XXX-LARGE (Black\u0026Red)","public_title":"XXX-LARGE (Black\u0026Red)","options":["XXX-LARGE (Black\u0026Red)"],"price":4000,"weight":454,"compare_at_price":null,"inventory_management":null,"barcode":"Custom Product","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42016212615350,"title":"SMALL (Red\u0026Red)","option1":"SMALL (Red\u0026Red)","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Stocky Autoworks Hoodie V2 Red\u0026Black - SMALL (Red\u0026Red)","public_title":"SMALL (Red\u0026Red)","options":["SMALL (Red\u0026Red)"],"price":4000,"weight":454,"compare_at_price":null,"inventory_management":null,"barcode":"Custom Product","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42016212648118,"title":"MEDIUM (Red\u0026Red)","option1":"MEDIUM (Red\u0026Red)","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Stocky Autoworks Hoodie V2 Red\u0026Black - MEDIUM (Red\u0026Red)","public_title":"MEDIUM (Red\u0026Red)","options":["MEDIUM (Red\u0026Red)"],"price":4000,"weight":454,"compare_at_price":null,"inventory_management":null,"barcode":"Custom Product","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42016212680886,"title":"LARGE (Red\u0026Red)","option1":"LARGE (Red\u0026Red)","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Stocky Autoworks Hoodie V2 Red\u0026Black - LARGE (Red\u0026Red)","public_title":"LARGE (Red\u0026Red)","options":["LARGE (Red\u0026Red)"],"price":4000,"weight":454,"compare_at_price":null,"inventory_management":null,"barcode":"Custom Product","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42016212713654,"title":"X-LARGE (Red\u0026Red)","option1":"X-LARGE (Red\u0026Red)","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Stocky Autoworks Hoodie V2 Red\u0026Black - X-LARGE (Red\u0026Red)","public_title":"X-LARGE (Red\u0026Red)","options":["X-LARGE (Red\u0026Red)"],"price":4000,"weight":454,"compare_at_price":null,"inventory_management":null,"barcode":"Custom Product","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42016212746422,"title":"XX-LARGE (Red\u0026Red)","option1":"XX-LARGE (Red\u0026Red)","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Stocky Autoworks Hoodie V2 Red\u0026Black - XX-LARGE (Red\u0026Red)","public_title":"XX-LARGE (Red\u0026Red)","options":["XX-LARGE (Red\u0026Red)"],"price":4500,"weight":454,"compare_at_price":null,"inventory_management":null,"barcode":"Custom Product","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":42016212779190,"title":"XXX-LARGE (Red\u0026Red)","option1":"XXX-LARGE (Red\u0026Red)","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Stocky Autoworks Hoodie V2 Red\u0026Black - XXX-LARGE (Red\u0026Red)","public_title":"XXX-LARGE (Red\u0026Red)","options":["XXX-LARGE (Red\u0026Red)"],"price":4500,"weight":454,"compare_at_price":null,"inventory_management":null,"barcode":"Custom Product","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/stockyautoworks.com\/cdn\/shop\/products\/163E2E5C-A724-4997-A9FD-11800B2AEE40.jpg?v=1671461689"],"featured_image":"\/\/stockyautoworks.com\/cdn\/shop\/products\/163E2E5C-A724-4997-A9FD-11800B2AEE40.jpg?v=1671461689","options":["Size \u0026 Colors"],"media":[{"alt":null,"id":25614426046646,"position":1,"preview_image":{"aspect_ratio":0.562,"height":1334,"width":750,"src":"\/\/stockyautoworks.com\/cdn\/shop\/products\/163E2E5C-A724-4997-A9FD-11800B2AEE40.jpg?v=1671461689"},"aspect_ratio":0.562,"height":1334,"media_type":"image","src":"\/\/stockyautoworks.com\/cdn\/shop\/products\/163E2E5C-A724-4997-A9FD-11800B2AEE40.jpg?v=1671461689","width":750}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"Here we brought back the OG logo with a spin off with different colors."}, onVariantSelected: selectCallback, enableHistoryState: true }); $('.selector-wrapper:eq(0)').prepend('Size & Colors'); $('.single-option-selector:eq(0)').val("SMALL (Black\u0026Red)").trigger('change'); }); //get variant form url var getVariant = function () { var params; var parser = document.createElement('a'); parser.href = window.location.href; var query = parser.search.substring(1); var vars = query.split('&'); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split('='); var params = decodeURIComponent(pair[1]); } return params; } var showAddtocart = jQuery(".product-options-bottom").offset().top; //check position to show form in bottom function checkPosition(){ var scrollTop = jQuery(window).scrollTop(); if (scrollTop > showAddtocart) { jQuery(".add-to-cart-fixed").addClass('active'); //sync variant : content form => bottom form var idVariant = getVariant(); $("#second-select").val(idVariant); } else { jQuery(".add-to-cart-fixed").removeClass('active'); } }; jQuery(window).scroll(function () { checkPosition() }); //send request in bottom form jQuery(".button-addtocard").click(function(){ jQuery(".product-options-bottom #AddToCart-product-template").click(); }); //sync variant : content form => bottom form jQuery('#second-select').change(function(){ data_variant1 = ($(this).find(':selected').data('variant1')); data_variant2 = ($(this).find(':selected').data('variant2')); data_variant3 = ($(this).find(':selected').data('variant3')); if (data_variant1 != "") { jQuery("#swatch-0-" + data_variant1).click(); } if (data_variant2 != "") { jQuery("#swatch-1-" + data_variant2).click(); } if (data_variant3 != "") { jQuery("#swatch-2-" + data_variant3).click(); } });