<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/shop/collections/Collection_Image_2048x2048.png?v=1662720191", "width": 2048 }, "name": "THE AMERICAN FLAG COLLECTION" } </script> <style> .background-image-collection-container { margin-bottom: 30px; } .background-image-container { background-image: url('//checkout.freedomfatigues.com/cdn/shop/collections/Collection_Image_1024x1024.png?v=1662720191'); background-position: center; background-repeat: no-repeat; background-size: cover; } .background-image-container h1 { position: absolute; top: 40%; left: 0; right: 0; margin-left: auto; margin-right: auto; text-shadow: 0 0 5px #111; } @media screen and (max-width: 1024px) and (max-height: 768px) { .background-image-container { background-image: url('//checkout.freedomfatigues.com/cdn/shop/collections/Collection_Image_1024x1024.png?v=1662720191'); background-position: center; background-repeat: no-repeat; } } @media screen and (min-width: 1025px), screen and (min-height: 769px) { .background-image-container { background-image: url('//checkout.freedomfatigues.com/cdn/shop/collections/Collection_Image_2048x2048.png?v=1662720191'); background-position: center; background-repeat: no-repeat; } .background-image-container h1 { font-size: 50px; } } </style> <div class="background-image-collection-container"> <div class="background-image-container text-center position-relative"> <div class="grid"> <div class="grid__item small--one-whole large--one-whole"> <h1 class="white text-uppercase">THE AMERICAN FLAG COLLECTION</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=Hats" title="Hats">Hats</a></li> <li><a href="/collections/types?q=Tank" title="Tank">Tank</a></li> <li><a href="/collections/types?q=Keychain" title="Keychain">Keychain</a></li> <li><a href="/collections/types?q=Sweatshirt" title="Sweatshirt">Sweatshirt</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/the-american-flag-collection"> All THE AMERICAN FLAG COLLECTION </a> </li> <li> <a href="/collections/the-american-flag-collection/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/the-american-flag-collection/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/the-american-flag-collection/eligible-exchange" title="Show products matching tag Eligible Exchange">Eligible Exchange</a> </li> <li> <a href="/collections/the-american-flag-collection/heavyweight-hoodie" title="Show products matching tag Heavyweight Hoodie">Heavyweight Hoodie</a> </li> <li> <a href="/collections/the-american-flag-collection/keybar" title="Show products matching tag KeyBar">KeyBar</a> </li> <li> <a href="/collections/the-american-flag-collection/keychain" title="Show products matching tag KEYCHAIN">KEYCHAIN</a> </li> <li> <a href="/collections/the-american-flag-collection/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/the-american-flag-collection/mens-cotton-tank-top" title="Show products matching tag Men's Cotton Tank Top">Men's Cotton Tank Top</a> </li> <li> <a href="/collections/the-american-flag-collection/new" title="Show products matching tag New">New</a> </li> <li> <a href="/collections/the-american-flag-collection/new-boyfriend-fit-triblend" title="Show products matching tag New Boyfriend Fit Triblend">New Boyfriend Fit Triblend</a> </li> <li> <a href="/collections/the-american-flag-collection/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/the-american-flag-collection/pew-pew-nation" title="Show products matching tag Pew Pew Nation">Pew Pew Nation</a> </li> <li> <a href="/collections/the-american-flag-collection/unisex-pullover-hoodie" title="Show products matching tag Unisex Pullover Hoodie">Unisex Pullover Hoodie</a> </li> <li> <a href="/collections/the-american-flag-collection/womens-50-50-tshirt" title="Show products matching tag Women's 50/50 Tshirt">Women's 50/50 Tshirt</a> </li> <li> <a href="/collections/the-american-flag-collection/womens-triblend-racerback-tank" title="Show products matching tag Women's Triblend Racerback Tank">Women's Triblend Racerback Tank</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 = '1746632568422';</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>