<div style="display: none;"> <!-- /templates/collection.liquid --> <script> var productsArray = [], priceArray = [], optionArray = [], optionObject = {}, typeArray = []; </script> <!-- collection page schema --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "CollectionPage", "description": "", "image": { "@type": "ImageObject", "height": 2048, "url": "//checkout.freedomfatigues.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_2048x2048.gif", "width": 2048 }, "name": "COLLABORATIONS" } </script> <div class="wrapper"> <div class="grid"> <div class="grid__item one-whole"> <div class="section-header small--text-center"> <h1 class="section-header__title color-primary text-uppercase h1">COLLABORATIONS</h1> </div> </div> </div> </div> <div class="wrapper"> <div class="grid"> <div class="grid__item one-whole"> <div class="grid"> <div class="grid__item small--one-whole large--one-quarter collection-sidebar-container"> <!-- /snippets/collection-sorting.liquid --> <div class="form-horizontal"> <label id="sort-by-label" for="SortBy">Sort By:</label> <select name="SortBy" id="SortBy"> <option value="manual">Featured</option> <option value="best-selling">Best Selling</option> <option value="title-ascending">Alphabetically, A-Z</option> <option value="title-descending">Alphabetically, Z-A</option> <option value="price-ascending">Price, low to high</option> <option value="price-descending">Price, high to low</option> <option value="created-descending">Date, new to old</option> <option value="created-ascending">Date, old to new</option> </select> </div> <script> /*============================================================================ Inline JS because collection liquid object is only available on collection pages and not external JS files ==============================================================================*/ Shopify.queryParams = {}; if (location.search.length) { for (var aKeyValue, i = 0, aCouples = location.search.substr(1).split('&'); i < aCouples.length; i++) { aKeyValue = aCouples[i].split('='); if (aKeyValue.length > 1) { Shopify.queryParams[decodeURIComponent(aKeyValue[0])] = decodeURIComponent(aKeyValue[1]); } } } $(function() { $('#SortBy') .val('best-selling') .bind('change', function() { Shopify.queryParams.sort_by = jQuery(this).val(); location.search = jQuery.param(Shopify.queryParams); } ); }); </script> <!-- /snippets/collection-sidebar.liquid --> <div class="collection-title-container"> <h2 class="h3">Categories</h2> </div> <ul class="no-bullets clearfix text-uppercase"> <li><a href="/collections/types?q=T-Shirt" title="T-Shirt">T-Shirt</a></li> <li><a href="/collections/types?q=Sticker" title="Sticker">Sticker</a></li> </ul> <div class="collection-title-container"> <h2 class="h3">Refine Your Search</h2> </div> <ul class="refine-search-menu"> <li class="refine-price has-dropdown"><span>Price</span> <ul></ul> </li> <li class="refine-type has-dropdown"><span>Type</span> <ul></ul> </li> <span class="option-container"></span> </ul> <h2 id="tags-title">Tags</h2> <ul class="no-bullets collection-tag-sidebar"> <li> <a href="/collections/collaborations"> All COLLABORATIONS </a> </li> <li> <a href="/collections/collaborations/boyfriend-fit-poly-cotton-t-shirt" title="Show products matching tag Boyfriend Fit Poly Cotton T-Shirt">Boyfriend Fit Poly Cotton T-Shirt</a> </li> <li> <a href="/collections/collaborations/boyfriend-fit-triblend-t-shirt" title="Show products matching tag Boyfriend Fit Triblend T-Shirt">Boyfriend Fit Triblend T-Shirt</a> </li> <li> <a href="/collections/collaborations/eligible-exchange" title="Show products matching tag Eligible Exchange">Eligible Exchange</a> </li> <li> <a href="/collections/collaborations/exclude_rebuy" title="Show products matching tag exclude_rebuy">exclude_rebuy</a> </li> <li> <a href="/collections/collaborations/mens-50-50-tshirt" title="Show products matching tag Men's 50/50 Tshirt">Men's 50/50 Tshirt</a> </li> <li> <a href="/collections/collaborations/new-boyfriend-fit-triblend" title="Show products matching tag New Boyfriend Fit Triblend">New Boyfriend Fit Triblend</a> </li> <li> <a href="/collections/collaborations/new-mens-triblend-t-shirt" title="Show products matching tag New Men's Triblend T-Shirt">New Men's Triblend T-Shirt</a> </li> <li> <a href="/collections/collaborations/noreview" title="Show products matching tag NOREVIEW">NOREVIEW</a> </li> <li> <a href="/collections/collaborations/pew-pew-nation" title="Show products matching tag Pew Pew Nation">Pew Pew Nation</a> </li> </ul> <p class="collection-see-more-tags"> See More Tags </p> </div> <div class="grid__item small--one-whole large--three-quarters"> <div class="grid clearfix"> <div class="grid__item"> <p>Sorry, there are no products in this collection</p> </div> </div> <div class="col_desc"> </div> </div> </div> </div> </div> </div> <script> $("body").on("click", ".refine-price-item .refine-label", function() { var priceFilter = $(this).parent().data("price"); $("[class*='refine-']").removeClass("active-filter"); $(this).parent().addClass("active-filter"); $(".product-item:not([data-price='"+priceFilter+"'])").hide(); $(".product-item[data-price='"+priceFilter+"']").show(); $(".product-item").parent().addClass("is-filtering"); }); $("body").on("click", ".refine-type-item .refine-label", function() { var typeFilter = $(this).parent().data("type"); $("[class*='refine-']").removeClass("active-filter"); $(this).parent().addClass("active-filter"); $(".product-item:not([data-type*='"+typeFilter+"'])").hide(); $(".product-item[data-type*='"+typeFilter+"']").show(); $(".product-item").parent().addClass("is-filtering"); }); $("body").on("click", ".refine-item .refine-label", function() { var optionFilter = $(this).parent().data("option"); $("[class*='refine-']").removeClass("active-filter"); $(this).parent().addClass("active-filter"); $(".product-item[data-option*=',"+optionFilter+",']").show(); $(".product-item:not([data-option*=',"+optionFilter+",'])").hide(); $(".product-item").parent().addClass("is-filtering"); }); $("body").on("click", ".remove-filter", function() { $(this).parent().removeClass("active-filter"); $(".product-item").show(); $(".product-item").parent().removeClass("is-filtering"); }); $("body").on("click", ".refine-search-menu li.has-dropdown > span", function() { $(this).parent().toggleClass("active"); }); </script> </div> <div id="shopify-block-AakNoTzR0N0NkN3Z2W__11532412952436166569" class="shopify-block shopify-app-block"><script async src="https://loox.io/widget/41DDPa0fGP/loox.1564077639008.js?shop=freedom-fatigues.myshopify.com"></script> <script>var loox_global_hash = '1746886875380';</script><script>var loox_floating_widget = {"active":true,"rtl":false,"position":"right","button_text":"Reviews","button_bg_color":"333333","button_text_color":"FFFFFF","display_on_home_page":true,"display_on_product_page":true,"display_on_cart_page":false,"display_on_other_pages":false,"hide_on_mobile":false,"orientation":"default"}; </script><style>.loox-reviews-default { max-width: 1200px; margin: 0 auto; }.loox-rating .loox-icon { color:#ff1616; } :root { --lxs-rating-icon-color: #ff1616; }</style> </div></body> </html>