Retro Trucker Cap

This t-shirt is everything you've dreamed of and more. It feels soft and lightweight, with the ri...

This six-panel trucker cap with a mesh back will be a comfy and classic choice for a perfect day ...

').val(option).html(option); selector.append(newOption); } $('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if ($.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').find(':radio').removeAttr('disabled', 'disabled').removeAttr('checked'); } else { $(this).addClass('soldout').find(':radio').removeAttr('checked').attr('disabled', 'disabled'); } }); if ($.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); } }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. for (var i = 0; i < product.variants.length; i++) { var variant = product.variants[i]; if (variant.available) { // Gathering values for the 1st drop-down. Shopify.optionsMap['root'] = Shopify.optionsMap['root'] || []; Shopify.optionsMap['root'].push(variant.option1); Shopify.optionsMap['root'] = Shopify.uniq(Shopify.optionsMap['root']); // Gathering values for the 2nd drop-down. if (product.options.length > 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. $(".single-option-selector:eq(0)").change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. $(".single-option-selector:eq(1)").change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; } jQuery(document).ready(function($) { $('.swatch .color label').on("click", function () { $('.swatch .color label').removeClass('active'); $(this).addClass('active'); }); }); var changeCallback = function(variant, selector) { if (variant) { if (variant.available) { $('#AddToCart-product-template').removeClass('disabled').removeAttr('disabled').val(window.inventory_text.add_to_cart); } else { $('#AddToCart-product-template').val(window.inventory_text.sold_out).addClass('disabled').attr('disabled', 'disabled'); } $('.product-template__container .price').html(Shopify.formatMoney(variant.price, window.money_format)); if ( variant.compare_at_price > variant.price ) { $('.product-template__container .compare-price').html(Shopify.formatMoney(variant.compare_at_price, window.money_format)).show(); } else { $('.product-template__container .compare-price').hide(); } var form = $('#' + selector.domIdPrefix).parents('form'); for (var i=0; iCHOOSE YOUR Color'); // Hide selectors if we only have 1 variant and its title contains 'Default'. $('.selector-wrapper').hide(); // Auto-select first available variant on page load. Otherwise the product looks sold out. $('.single-option-selector:eq(0)').val("Black\/ White").trigger('change'); })