<!-- *******************************************************************
************************************************************************
							imogene + willie
								  v3.0
								 © 2019
************************************************************************
************************************************************************


                                        ..   ...
                                     AIMMYIAMMYYII..
                                    AIHMMMHMIHMHYIIIIA
                                  AIHPP/?/ /$$/PVYMJHIIA.
                                .AP//$ ? //$$/ ////VMMHIA.
                               A///$/$??///$ //////?//VMHIA
                              A///$/$/?//// / ////?///?/VHHA .
                             A////$/$??/// ///////?//?//?VMMA .
                             ////$/$ ??/// //////?/////?//VMHIYM..
                            A////$/AMMMMMMHHHA//?///?//?//.IYHMMMM.
                           .H////AMMMHHHMHMMMHHHA//?//?//?$VHHHYYI.
                           AH//AMMHMHHMHMMMHHHHHHIY//?//?$//MHHHMHI.
                            //AHMHMIIMHHIMMMHMYHMIIMI//?$///MMMHHIII
                            /AHHIHMIHIHHHMMMMMHHHMHMMA/$///MMMMHMHII.
                           .MMYYHIIHIIIIHMMMMMMMHHMMMMMM//HMMMHMHHII
                      .AHHHHIMMMM:I::::IIMMMMMYYMMMMMMMMHM/MMHHHMMH
                      AIJMMH/I:MI""MM:..::;;AYMMMM:::MMMM/MMMYHIHHI..
                    AMHIHIIMMHII I"MMM: .::I" MVA:::.MMMMMMYMMHIIIII/
                    AIIHHHHMMMMMII "V.". ::;II;:::...MMMMMMMMMHHIIIII
                    VIHHIHHMMMMMI' '..'  ::;;;::...:HMMMMMMMMMHHHIII.
                       HHHHMMMMM'  ...   :::;;::::::VMMMMMHHMMHHIIIIIII.
                       HIHMMMMMMA   ..: ':::II::::::::MMMMMHHHHHIIHHHHH.
                       HHIHMMMMMM:  .::'":IYI:II::::::MMMMMMMHMMHHHHIIII
                       HHHHHMMMMMA  :I.  .:::::JI::::IMIMHMMMHIHMMMIIIII
                        VHHIMMMMMMA ::YH""""'MP:::..:MMYMMMMMMHHMMHIIII
                        HHHHIYMMMMMA ..VIPHHI".:::::AMMMMMMMMMHIMM:::..
                    .:HMMMHYYHMMMVM$A.   "":::::::AMMMYYMMMMMMMMM::..:.
                     HV AHMMHYMMA/VM/$:    ..::::IIMMMMMMMMMMMMVII:::. :.
                     HHHHIHMMYYMM// $$::..::::IIIIIIMMMMMMMMMMMIIII::::.:
                         HHHM//HM$$ / M:::...::::IIIIYYYYYYHHIIIIII::::::
                      .:::YM//VSMX$$$ /II::...::::IIIII:.IIIII::::::::::
                   .:::.:::/Y/AX/////$MMIII:::IIIIIIIIII.I:::::::::::II
                 .:...::::/VYX//////HH/HII:::.::::::::::..::::::::::III:
                .....::::///////////II//IIIIII::.::::::::.::::::I:::III:
               .....:::I:///////////X///IIIIII:..::::::::..::::IH::::II:
               ..  ::::II//////////X////:::III:..::::::::..::::IM::::II:
              .. .:::IIIIII://////X////::::II:.:::::::::..::::IM::::II:
               .. ...:::IIHIII:::"/////I::::::::::::::::::.::::IM:::::I:
               ....:::::IIIII::::..::://::::::::::::::::::..:::II:::::::
               .....::::IIII:::::..:::::::::..:::::.:::::::..::II:::::::
               ....::::IIIIM"::::..::::::::....:::....:::::..::II:..::::
               :...:::::IIIM::::".:::::::::::........::::::..::HI:..::::
               ::..:::::::IM:::"..::::::::::::.......::::::. .:HMI:..:::
               ::.::::::::IMI::  ..:::::::::::::...:::::::.. ..VMI:..:::
               ::::::::::::II:    .:::::::::II::...::::::..  ...MI:..:::
               :::::::::::IH..    '::::::::IIII::...::::'   . ..MI:...::
               :...::::::::M:'     '::::::IIIII::..:::::'  . . .VI::..::
             .I...::::::::I:      . ::::IIIIIII:::::I:'.  . ..:V I:..:::
          .::::I..::::::::I:        .::IIIIHHHHHII:::    AMI .V  I:..:::
        .:::..:I:..:::::::II AI.   . .::IHHHI:II::'      "WV.V'  I::::::
     .::.......I:::::::::IHM.VMA...:AHIIHHHII::. ..  ..::..:V    ::::..:
    .:::........I::::::::IIIMMMMMMHHHHH....::III:::::::IIIIV     :::.:::
   .::::::::::..I:::::::::IIIMMMMMHHHHHHHHHIIIIHHHMMMHMMHHV      ::::.::
  . :::::::::::::I:::::::::IIAMMMMHHHHHHHHIIIIIIIHHHHHHHHV       ..:...:
 .: ...::::::::::I:::::::::II::VMMMMHHHHHHHIIIIIHHHHHHHHH"        ::...:
 ::. .::;;;;;::::I::.:::::III::IVMMMMMMMHHHHIIIIIIIHHHHV           ..:..
.:::. ':::;;;::::I::..:::::II:::::::VMMMMHHHHHHIIIHMMM"             .. .
:::::.    '::;;:::I...::::IIIIIIII::::VHMMMMHHHHIHMM"               '..
::::::.     ':;;;::I:..::::IIIIM:::::::IIMMMMMMMMMM"                 ...
::::..:::.     ::::I. :::::III':::::IIHHMMMMMMMMM".                  ':.
:::...::::I::   "::I: .::::III.:::::IHHMMMMMMMMMV:.                   ::
:::....:::III:   ":I:. ::::III::::IIIHHHMMMMMMMV:::                   ::
::::...:::;IIIH    :I: ':::IIII:IIHHHMMMMMMHHHII:::                   ':
::::...::::;;IIM.:. I::..::::IIHHHHMMMMMMMHHHII::::                    '
::::...:::::;;IMMWHMI::..::::IIIHHHMMMMMHHHHII:::::                    .
:::::...::::;IIHMMMMM::...::::IIHHHHHHHHHHHHII::::'
:::::..;::::;;IIHMMMMM::...:::::YHHHHHMMMHHIII:::.
:::::...::::;;IIHMMMMMI:...::::I :"""":::IIII::::
::::::..::::;;;IIHMMMMM::..:::::I::::...   . .::'
':::::..::::;;;IIIHMMMVI:..:.:::I::::::;;;;::::
 '::::::::::;;;IIIIMMI::I::..::::I:::::::::::::
  ::::::::::;;;;;IIMH;:::I::..:::I::::::::::::
  ':::::::::;;;;;;IM;::::I:.:..::1I..::::::::'
   :::::::::;;;;;;IM::::::I::...::I::::::::;'
   ':::::::::;;;;IMI:::::::I.:..::.I.:::::;;
    ::::::::;;;;;IM;::.:::::II:.::..::::::;'
    :::::::::;;;IIM::..:::::II:..::.I:::;;
    ':::::::::;;IIM::...:::::II:..:.:;;;;'
     :::::::::;;IH::...::::::III:..:.I;;V
     '::::::::;;IH::...::::::;III.:::.IV
      :::::::::;IV::...::::::::III.:::I.
      ':::::::;;H::...:::::::;;JI:..'::A
       ;::::::;;I::....:::::::;;II...::.I                              /
       :::::::;H::....::::::::;;I:..:':::.                             :
        :::::;;I::...:::::::::;II:..'::::I    .:::....                .:
        ::::::I::....:::::::::;I:....::I:I.:I:::I.::::::::::.  ..   .:II
        ':::::I::..::::::::;;;I:'.::IIHI:I.:IIIIIIIIIIIIIII""/MMM-.:JIHM
        '::::I::...:::::::::;;I":::IIVVI:I.HHI::::::II/MMMMMMMMMM..PPPP:
         ::::I::...::::::::;;;IY::IVMMA:::IH::IA:::AHHMMMVXXXXXVXXII::::
         ::::I:'...:::::::::;;I::VMHHIII:"IH:?HHA:H//. XXXXXXX/"":I:::II
         :::I::...:::::::::;;".:/AI::HHHA.:H?HHHHH/$XX"$$XX.X//.AI::::::
         :::I::...:::::::::;I:/AII:H"."."."?HHHHH/////$'////"///A:::::::
         .::I::..:::::::::;I./A":.:.".".".?HHHHHH//' " . :// //A":::::::
         .::I::..:::::;;;;;./:::.".".".".??HHHH///'.. MI.//M/.AIIII:::::
         :::I::..:::::;;;;."::::."."."."?AHHHHH/////.  //AVHHII:::::::::
         :::II:.:::::;;;;;::-:"."."."./??HHHH/"'$/// '//MVH:::::::::::::
         ::::I::::::;;III":::,:""-.///I?$ .  .$$M/////MM//I,::::::::::::
         :;:;I,,,::;;IIII::::::::/.":::$$$$ $ $////AMM$/III.::::::::::::
         :;;:;I:;IIIII:::::::/$::::$$/////$$XVMV"$$II..:::::::::::::::::
         :::;;;IIIIIIIIII,,,,,,/$.::://///AMM",,::$I::::::::::::::::::::
         ':::;;I;;;IIIIII,,::,,/M,,::,:MMMMV,,,,,,:$$:::::::::::::::::::
          ::::;;I;;IIIIII,,,,,/$I,:,::::::,,,,,,,,/$::::::::::::::::::::
          .:::;;;II;;IIII:::II/II:::: ::::: ,,,,,,/$::::::::::::::::::::
           :::::;;I:::II:.:::::I::IIII"II:"I,,,:,,/$::::::::::::::::::::
           :::::;;II;;;;I..",,,M'":":$$$$$::YYII../$JJJ:::::::::::::::::
           '::::;;II:::;I,,,,,IM,,,: $$$$$$I:::::::$::::YYHHHHHJJJ::::::
            ::::;;III::;I:::::IM,,: $$$$$$/::::::::/:::::::::::::::YYMMM
            ':::;;IIII:I:::::MMMM://$ $$?$$$:::::::/::::::::::::::::::::
             ::;;;IIHH:I::::::XX"/////???$$$III::::/::::::::::::::::::::
             :::;;;IHH:I::::::XX////$.....$$$IIII::/::::::::::::::::::::
             ':::;;IHHHI::::::X////$$....XX$$IIIII/::::::;:;:;::::::::::
              ::;;;IHHHH::::::..///$$...XXXX$HIII:::;:;:;:;;:;:;:;:;:::;
              ':;;IIHHHI::::://   $$$..XX.XX$IIIXIII:;:;:;:;:;:;:;:;:;:;
               ::;;IHHHH:::://///$$$....XXXX$IIIII;:;:;:;:;:;:;:;:;:;;:;
               ':;;IIHHH::://////$$$.......?$$HIIII;:;:;:;:;:;:;:;:;:;:;
                ::;;IHHH::$/////$$$$........$$HIIII:;:;:;:;:;:;:;:;:;:;:
                '::;IHHI:::////$$$$$......X.$$HIII:;:;:;:;:;:;:;:;:;:;:;
                 ::;;IHH::::::/M$$$MMM...HHH$$HHI:;;;:;:;:;:;:;:;:;:;:;:
                 ':;;IHI::::;:;$$$$MM.X.XXXX$HHHHI:;:;:;:;:;:;:;:;:;:;:;
                  :::;HX::::I:I:::X.X....XXX$HHII:;:;:;:;:;:;:;:;:;:;:;:
                  ::::H:::::I:I::::::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
                  '::IH:::::I:I:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
                   ::.H::::I:I:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
                   :;IH::::II:I:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
                   ;;IH::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
                   I;IH:::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
                  .;:IH::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
                  ;::IH:::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
                .;;::IH::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
               .;;::;IH:::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
             .:;;::;IIH::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
           .;;;::::;IIH:::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:


************************************************************************
******************************************************************** -->
<!doctype html>
<html>
<head>
  <meta name="facebook-domain-verification" content="a0jfiweqr4ww3qips6gcrw7ojdzv87" />
  <!-- Basic page needs ================================================== -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <link rel="shortcut icon" href="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/favicon.ico?v=8823117337007006531610562626" />

  <!-- Title and description ================================================== -->
  <title>imogene + willie &middot; mens bottoms&ndash; Tagged &quot;color-other&quot;</title><meta name="description" content=""><!-- Helpers ================================================== --><!-- /snippets/social-meta-tags.liquid -->


  <meta property="og:type" content="website">
  <meta property="og:title" content="mens bottoms">
  

<meta property="og:url" content="https://imogeneandwillie.com/collections/men-trousers/color-other">
<meta property="og:site_name" content="imogene + willie">


  <meta name="twitter:card" content="summary">


<link rel="canonical" href="https://imogeneandwillie.com/collections/men-trousers/color-other">
  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
  <meta name="theme-color" content="#747474">

  <!-- CSS ================================================== -->
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/iw-shopify.scss.css?v=24113018572208154611653428689" rel="stylesheet" type="text/css" media="all" />
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/owl.carousel.min.css?v=70516089817612781961610562877" rel="stylesheet" type="text/css" media="all" />
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/owl.theme.default.min.css?v=135046118358282713361610562878" rel="stylesheet" type="text/css" media="all" />

  <!-- JS ================================================== -->
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/jquery.3-3-1.min.js?v=89264165447073588911610562837" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/owl.carousel.min.js?v=97891440811553454251610562878" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/ajaxinate.min.js?v=108459762515727366271610562587" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/shopify_common.js?v=39755970586452000861610562897" type="text/javascript"></script>
<!-- Vendor CSS/JS -->
	

<!-- Global site tag (gtag.js) - Google Ads: 747097825 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-747097825"></script>
<script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-747097825'); </script>


<script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function()
{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
n=window.pintrk;n.queue=[],n.version="3.0";var
t=document.createElement("script");t.async=!0,t.src=e;var
r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
("https://s.pinimg.com/ct/core.js");

pintrk('load','2613098224856', { em: '', });
pintrk('page');
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=2613098224856&noscript=1" />
</noscript>


<div id="LRS">
	<div id="LRS-wrapper">
		<div id="LRS-credit">
			<p id="LRS-amount"></p>
		</div>
		<div id="LRS-copy">
			<p>in available credit</p>
		</div>
		<a id="LRS-link" href="javascript:;" onClick="Loop.goBack()">Go back</a>
	</div>
</div>

<style>
	.loop-returns-activated #LRS{
		transform: translateY(0);
		display: block;
	}
	#loopATC{
		display: none;
	}
    #LRS p{
      margin: 0;
    }
    #LRS div{
      margin: 0;
    }
    /*
    #LRS a:hover{
      background-color: white;
      color: red;
      border: 1px solid white;
      cursor: pointer;
    }
    */
    #LRS{
      width: 100%;
      position: fixed;
      display: none;
      top: auto !important;
      bottom: 0 !important;
      left: 0;
      z-index: 2147483647;
      /*
      background-color: #2f7fd0;
      */
      transform: translateY(100%);
      transition: transform 0.2s;
      font-size: 1rem;
    }
    #LRS.render{
      transform: translateY(-2rem);
    }
    #LRS-wrapper{
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: baseline;
      justify-content: flex-start;
      -ms-align-items: center;
    }
    #LRS-amount{
      margin-right: 1.25em !important;
    }
    #LRS-copy p{
    }
    /*
    #LRS-link{
      color: white;
      display: block;
      padding: 0.5rem 1rem;
      margin: 1rem 0.5rem 1rem auto;
      border: 1px solid white;
      transition:  all 0.2s;
      &:hover{
      	color: black;
      	background-color: white;
      }
    }
    */
    #LRS-credit{
    	float: left;
    }


    #LRS__investigation-block{
		position: fixed;
		right: 1rem;
		z-index: 819237;
		top: 1rem;
		width: 500px;
		background-color: #D8D8D8;
		max-height: 320px;
		overflow: hidden;
		border-radius: 4px;
    }

    #LRS__investigation-block p{
		font-size: 1rem;
		color: #2C2C2C;
		margin: 0;
		font-family: helvetica;
		font-weight: 800;
		text-align: center;
    }

    .LRS__investigation-block__item{
		color: black;
		padding: 0.75rem;
		margin:  0.5rem 1rem;
		background-color: white;
		margin-bottom: 1rem;
		font-family: courier;
		font-size: 0.9rem;
		border:  1px solid #D8D8D8;
    }

    .LRS__investigation-block__info{
		padding: 1rem 1rem 0.5rem;
    }

    .LRS__investigation-block__img{
		width: 5rem;
		margin: auto;
    }

    .LRS__investigation-block__header{
    	background-color: #5665D2;
    	width: 100%;
    	padding: 1rem;
    	border-top-left-radius: 4px;
    	border-top-right-radius: 4px;
    }

    .LRS__investigation-block__header{
    	background-color: #5665D2;
    	width: 100%;
    	padding: 0.5rem;
    }

   	.LRS__investigation-block__close{
		position: absolute;
		top: 1rem;
		right: 1rem;
    }

    .LRS__investigation-block__close img{
		width: 1.5rem;
		filter: invert(1);
    }

    .LRS__investigation-block__header img{
    	width: 100%;
    }

    @media screen and (max-width: 680px) {
    	#LRS{
    		z-index: 200;
    		bottom: 3.2rem;
    	}
		#LRS-copy p{
      		font-size: 0.75rem;
    	}
	    #LRS-amount{
	    	font-size: 1.25rem;
	    }
    }
</style>

<script>
	var Loop = {

		data: null,
		status: null,
		tempVariant: null,
		tempInput: null,
		elements: null,
		config: {
			productMode: null,
			variantParam: 'variant',
			targets: {
				url: null,
				input: null,
				options: null,
				attr: null,
				atc: null
			}
		},
		investigator: {
			count: 0
		},

		//PUBLIC FUNCTIONS-----------------------------------------
	    //---------------------------------------------------------

	    //The bread and butter of interactions
	    setup: function(productMode){
	    	//Product Modes*** STRING
	    	//-url
	    	//-input 
	    	//-options
	    	if(productMode === undefined){
	    		//check to see if product mode is config'd
	    		if(this.config.productMode === undefined || this.config.productMode === null){
	    			this._throwError(['Setup Product Mode is undefined.', 'Please look at the Loop Docs to learn how to configure your Product Mode']);
	    			return false;
	    		}
	    		productMode = this.config.productMode;
	    	}

	    	this.config.productMode = productMode;


	    	switch(productMode){
	    		case 'url':
	    			//grab what should be the default variant
	    			

	    			if(Loop.getParams(Loop.config.variantParam)){
	    				this.tempVariant = Loop.getParams(Loop.config.variantParam);
	    			}
	    			this.bindElements();
	    			break;

	    		case 'input':
	    			var input;
	    			if(this.config.targets.input === null){
	    				this._throwError(['Input Element not defined.','Check out our docs to learn how to configure your Loop Settings']);
	    				return false;
	    			}
	    			input = document.querySelectorAll(this.config.targets.input);
	    			if(input.length == 1){
	    				this.bindElements(input);
	    			}else if(input.length == 0){
	    				this._throwError(['Could not find any elements with selector "' + this.config.targets.input +'"', "Double check to make sure 'Loop.config.targets.input' is pointed at the right selector."]);
	    				return false;
	    			}else if(input.length > 1){
	    				this._throwError(['Found multiple elements with selector "' + this.config.targets.input +'"', "Please make sure you are targeting a single input containing the selcted variant id as it's value"]);
	    				return false;
	    			}
	    			break;

	    		case 'options':
	    			var input;
	    			if(this.config.targets.options === null){
	    				this._throwError(['Input Element not defined.','Check out our docs to learn how to configure your Loop Settings']);
	    				return false;
	    			}
	    			input = document.querySelectorAll(this.config.targets.options);
	    			if(input.length == 0){
	    				this._throwError(['Could not find any elements with selector "' + this.config.targets.input +'"', "Double check to make sure 'Loop.config.targets.input' is pointed at the right selector."]);
	    				return false;
	    			}else{
	    				this.bindElements(input);
	    			}
	    			break;
	    		default:
	    			this._throwError(['Error in setup function', 'Check to make sure your configs and/or setup mode are configured correctly']);
	    			break;
	    	}
	    },
	    //used to watch for changes on the PDP
	    //inputs - required, array, binds with options or hidden input
	    //atc - optional, element, binds click event and stops cart
	    bindElements: function(inputs, atc){
	    	if(this.config.productMode === 'input'){
	    		inputs.forEach(function(element){
		   			element.addEventListener('change', function(){
		   				console.log(this.value);
		   			});
	   			});
	    	}
	   		if(atc === undefined){
	   			if(this.config.targets.atc){
	   				atc = document.querySelector(this.config.targets.atc);
	   			} else {
	   				return false;
	   			}
	   		}
	   		atc.addEventListener('click', function(event){
	   			event.preventDefault();
	   			event.stopImmediatePropagation();
	   			Loop.submit(undefined);
	   		});	
	    },
	    //Uses Loop API to create cart
	    //variant - required, string, variant id
	    //callback - optional 
		addToCart: function(variant, callback){
			if(variant === undefined){
				if(this.tempVariant != undefined){
					variant = this.tempVariant;
				} else {
					if(this.config.productMode === 'url'){
						console.log(Loop.getParams(Loop.config.variantParam));
						var paramVar = Loop.getParams(Loop.config.variantParam);
						if(paramVar != false){
							variant = paramVar;
						} else {
							this._throwError('No variant found, check your config');
							return false;
						}
					}else{
						this._throwError('No variant found, check your config');
						return false;
					}
				}
			}
			this.data.cart = variant;
			var payload = {
				cart: variant
			};
			this._requestMachine('POST', 'https://api.loopreturns.com/api/v1/cart/', payload, function(response){
				Loop.data.token = response.token;
				if(callback != undefined){
					console.dir(response);
					callback(response);
				}
			});
		},
		submit: function(variant){
			if(variant === undefined){
				if(this.tempVariant != undefined){
					variant = this.tempVariant;
				}
				if(this.config.productMode === 'url'){
					var paramVar = Loop.getParams(Loop.config.variantParam);
					if(paramVar != false){
						variant = paramVar;
					}
				}
				if(variant === undefined){
					this._throwError('No variant found, check your config');
					return false;
				}
			}
			this.data.cart = variant;
			var payload = {
				cart: variant
			};
			this._requestMachine('POST', 'https://api.loopreturns.com/api/v1/cart/', payload, function(response){
				Loop.data.token = response.token;
				Loop.goBack();
			});
		},
		//update the temp variant
		updateVariant: function(variant, callback){
			if(variant === undefined){
				this._throwError('updateVariant is recieving an undefined variant and cannot update');
				return false;
			}
			this.tempVariant = variant;
			if(callback != undefined){
				callback(tempVariant);
			}
		},
		//Dynamic "back to app" function
		goBack: function(){
	    	Loop.storage.kill('Loop_data');
	    	if(this.data.token != undefined){
		    	window.location.href = "http://" + this.data.loop_domain + "/#/cart/" + this.data.token;
		    }else{
		    	window.location.href = 'http://' + this.data.loop_redirect_url;
	    	} 
	    },
	    //Attach api key and save it
	    setKey: function(key, callback){
	    	if(key === undefined){
				this._throwError('Function not being passed Loop API key');
				return false;
			}
	    	this.data.apiKey = key;
	    	this.storage.set('Loop_data', this.data);
	    	if(callback != undefined){
				callback();
			}
	    },
	    //URL decoder
		getParams: function(param){
			var result = {};
			window.location.search.substr(1).split("&").forEach(function(item){
				var tmp = item.split("=");
				result[tmp[0]] = decodeURIComponent(tmp[1]);
			});
			if(param != undefined){
				if(result[param]){
					return result[param];
				}
				this._throwError('No Params found with keyword: ' + param);
				return false;
			}
			return result;
		},
		//local storage communication
		storage: {
			get: function(storeName){
				return JSON.parse(localStorage.getItem(storeName) || null);
			},
			set: function(storeName, storeData){
				localStorage.setItem(storeName, JSON.stringify(storeData));
			},
			kill: function(storeName){
				localStorage.removeItem(storeName);
			}
		},
		//Binds to variant input often found on PDP
		attachListener: function(id){
			var foundElements = document.querySelectorAll(id);
			if(foundElements.length >= 1){
				foundElements.forEach(function(selector){
					selector.addEventListener('change',function(){
		      			console.log('Variant Changed to: ' + selector);
		        		Loop.tempVariant = document.querySelector(id).value;
		      		});
				});
		    } else {
		    	this._throwError('Cannot find selectors to attach to');
		    }
		},

		interigate: function(target){
			if(target.id != ""){
				return target.id;
   			}else{
   				console.log('No ID on objecting, checking classes');
   				console.log(target.classList);
   				if(target.classList > 0){
   					return target.classList;
   				} else {
   					return Loop.interigate(target.parentElement);
   				}
   			}
		},

		investigate: function(){
			//this requires JQuery unfortunately
			$('body').append('<div id="LRS__investigation-block"><div class="LRS__investigation-block__close"><img src="https://admin.loopreturns.com/img/icons/close.svg"></div><div class="LRS__investigation-block__header"><div class="LRS__investigation-block__img"><img src="https://admin.loopreturns.com/img/LoopLogo_small.png"></div></div><div class="LRS__investigation-block__info"><p>Click the "Add To Cart" Button</p></div></div>');
			document.addEventListener('click', function(event){
				console.log(event);
				Loop.investigator.count++;
				if(Loop.investigator.count > 3){
					firstElem = document.querySelector('.LRS__investigation-block__item');
					firstElem.parentNode.removeChild(firstElem);
				}
				event.preventDefault();
	   			event.stopImmediatePropagation();
	   			var targetSelector = Loop.interigate(event.target);
	   			
				$('#LRS__investigation-block').append('<div class="LRS__investigation-block__item">' + targetSelector + '</div>');
			});
		},

	    //ENCAPSULATED FUNCTIONS-----------------------------------
	    //---------------------------------------------------------

	   	//Vanilla AJAX requests
		_requestMachine: function(type, href, payload, callback){
			var data = null;

			if(payload != undefined){
				data = JSON.stringify(payload);
			}

			var xhr = new XMLHttpRequest();
			xhr.withCredentials = true;

			xhr.addEventListener("readystatechange", function () {
				if (this.readyState === this.DONE) {
				    callback(JSON.parse(this.responseText));
				}
			});

			xhr.open(type, href);
			xhr.setRequestHeader("x-authorization", this.data.apiKey);
			xhr.setRequestHeader("content-type", "application/json");
			xhr.send(data);
		},
	   	//Find global returns bar elements
		_scopeElements: function(){
			this.elements = {
				amount: document.getElementById('LRS-amount'),
				link: document.getElementById('LRS-link'),
				LRS: document.getElementById('LRS')
			};
			
		},
	   	//Renders information to the global returns bar
		_render: function(){
			var that = this;
			document.body.classList.add('loop-returns-activated');
			if(this.data.loop_total != undefined){
				this.elements.amount.innerHTML = this._moneyFilter(that.data.loop_total);
			}else{
				this._throwError(['Cannot find Data on render()'])
			}
		},
	   	//Turn ints into cold hard cash
		_moneyFilter: function(value){
	        if(value !== undefined){
				value = value.toString();
				if(value.length === 1){
					var firstHalf = '0';
					var secondHalf = '0' + value;
				} else if(value.length === 2){
					var firstHalf = '0';
					var secondHalf = value;

				} else {
					var firstHalf = value.slice(0,(value.length - 2));
					var secondHalf = value.substring(value.length, (value.length - 2));
				}

			return '' + firstHalf + '.' + secondHalf;

			} else {
				return '' + value;
			}
	    },
	    //Error control function
	    _throwError: function(error){
	    	console.log('[LOOP ERROR]----------------------------');
	    	if(typeof error === 'string'){
	    		console.log(error);
	    	}else if(Array.isArray(error)){
	    		error.forEach(function(error){
	    			console.log(error);
	    		});
	    	}else{
	    		console.log('Undefined Error');
	    	}
	    },
	    //Initialize Loop on the store
		_init: function(){
			//Check URL to see if user is coming from Loop Returns
			if(window.location.href.indexOf('loop_total') > -1){
				this.storage.set('Loop_data', this.getParams());
				window.history.replaceState({}, 'delete', '/');
			}
			//Check data storage to see if they are still in the middle of a return flow
			this.data = this.storage.get('Loop_data');
			if(this.data != null){
				this.status = 'active';
				this._scopeElements();
				this._render();
			}
		}
	};
	//Set it off
	Loop._init();
	//Loop.investigate();
	
</script>


<!-- PRODUCT DATA -->


<script type="text/javascript">

jQuery(document).ready(function() {
	
	if(Loop.status === 'active') {
		
		Loop.setKey('9bf46f870b0ea110fdd7d5a8e184dbf82f3fb271');
		
		jQuery('.shopping__cart-action').data('LoopActive', 1);
		
		jQuery('.shopping__cart-action').on('click', function(event) {
			var cartItems = [];
			jQuery('.shopping__cart-item').each(function() {
				cartItems.push(jQuery(this).data('id'));
			});
			Loop.submit(cartItems);
		});
		
	}
	
});

</script>


  <!-- Page-Specific CSS/JS -->
  

<script src="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/imagesloaded.js?v=58209854333173575541610562834" type="text/javascript"></script>
<script src="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/jquery.easing.js?v=19321923635450032341610562837" type="text/javascript"></script>


<link href="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/global.css?v=35560106989564332981653428689" rel="stylesheet" type="text/css" media="all" />
<script src="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/global.js?v=161841581612393400371610562924" type="text/javascript"></script>


  <!-- Shopify Content -->
  <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="J2OQ38Jk-RH8Jt20ocJvEaLEPuj4JBcZLMv_36W3Iqs">
<meta name="google-site-verification" content="B5MCObJBzgbQOSfOJ3TnRjwmcV1-LKljqaTggIApu7U">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/1173112/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="d8ef238e71d7beb81bcfff373ec55d62">
<meta id="in-context-paypal-metadata" data-shop-id="1173112" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/men-trousers/color-other.atom" />
<link rel="alternate" type="application/json+oembed" href="https://imogeneandwillie.com/collections/men-trousers/color-other.oembed">
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":1173112,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/1173112","merchantName":"imogene + willie","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb","chinaUnionPay"],"total":{"type":"pending","label":"imogene + willie","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"d8ef238e71d7beb81bcfff373ec55d62","betas":["rich-media-storefront-analytics"],"domain":"imogeneandwillie.com","predictiveSearch":true,"shopId":1173112,"smart_payment_buttons_url":"https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "imogeneandwillie.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Seed – Homepage Video","id":117851226286,"theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "cdn.shopify.com";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";</script>
<script>(function() {
  function asyncLoad() {
    var urls = ["https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/b17a71e65343348cbf9dd74fe\/8b149e2470fe8cef9d5099c5f.js?shop=imogeneandwillie.myshopify.com","\/\/imogeneandwillie.bookthatapp.com\/javascripts\/bta.js?shop=imogeneandwillie.myshopify.com","\/\/imogeneandwillie.bookthatapp.com\/javascripts\/bta.js?shop=imogeneandwillie.myshopify.com","https:\/\/str.rise-ai.com\/?shop=imogeneandwillie.myshopify.com","https:\/\/strn.rise-ai.com\/?shop=imogeneandwillie.myshopify.com","https:\/\/hello.zonos.com\/shop-duty-tax\/hello.js?1616690144744\u0026shop=imogeneandwillie.myshopify.com","https:\/\/accessibly.app\/public\/widget\/run.js?shop=imogeneandwillie.myshopify.com","https:\/\/call.chatra.io\/shopify?chatraId=r6jm4rX9gAh2qGQpr\u0026shop=imogeneandwillie.myshopify.com","\/\/cdn.shopify.com\/proxy\/0b2b23bc47530eecfa8fd41513111c16c25a14bb0eb7c0c11d97ef02680185cb\/imogeneandwillie.bookthatapp.com\/javascripts\/bta-installed.js?shop=imogeneandwillie.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/static-us.afterpay.com\/shopify\/afterpay-attract\/afterpay-attract-widget.js?shop=imogeneandwillie.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":1173112,"offset":-18000,"reqid":"a68cbc7c-bf31-4ebe-af91-f485680e686c","pageurl":"imogeneandwillie.com\/collections\/men-trousers\/color-other","u":"76c4c3b1572a","p":"collection","rtyp":"collection","rid":63676612650};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script>!function(o){o.addEventListener("DOMContentLoaded",function(){window.Shopify=window.Shopify||{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3||{siteKey:"6LcCR2cUAAAAANS1Gpq_mDIJ2pQuJphsSQaUEuc9"};var t=['form[action*="/contact"] input[name="form_type"][value="contact"]','form[action*="/comments"] input[name="form_type"][value="new_comment"]','form[action*="/account"] input[name="form_type"][value="customer_login"]','form[action*="/account"] input[name="form_type"][value="recover_customer_password"]','form[action*="/account"] input[name="form_type"][value="create_customer"]','form[action*="/contact"] input[name="form_type"][value="customer"]'].join(",");function n(e){e=e.target;null==e||null!=(e=function e(t,n){if(null==t.parentElement)return null;if("FORM"!=t.parentElement.tagName)return e(t.parentElement,n);for(var o=t.parentElement.action,r=0;r<n.length;r++)if(-1!==o.indexOf(n[r]))return t.parentElement;return null}(e,["/contact","/comments","/account"]))&&null!=e.querySelector(t)&&((e=o.createElement("script")).setAttribute("src","https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"),o.body.appendChild(e),o.removeEventListener("focus",n,!0),o.removeEventListener("change",n,!0),o.removeEventListener("click",n,!0))}o.addEventListener("click",n,!0),o.addEventListener("change",n,!0),o.addEventListener("focus",n,!0)})}(document);</script>
<script integrity="sha256-N6F6ZjvOAMPhcD0kfZWNQQgx6eXaxFfh6aqfN0geLrU=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//cdn.shopify.com/shopifycloud/shopify/assets/storefront/load_feature-37a17a663bce00c3e1703d247d958d410831e9e5dac457e1e9aa9f37481e2eb5.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//cdn.shopify.com/shopifycloud/shopify/assets/shopify_pay/storefront-b61f50798075db890698930c4405673937fe89353f7fea7be88b5ce16a9c0af8.js?v=20210208"></script>
<script integrity="sha256-h+g5mYiIAULyxidxudjy/2wpCz/3Rd1CbrDf4NudHa4=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//cdn.shopify.com/shopifycloud/shopify/assets/storefront/features-87e8399988880142f2c62771b9d8f2ff6c290b3ff745dd426eb0dfe0db9d1dae.js" crossorigin="anonymous"></script>


<style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) {
  #dynamic-checkout-cart {
    min-height: 50px;
  }
}

@media screen and (max-width: 750px) {
  #dynamic-checkout-cart {
    min-height: 240px;
  }
}
</style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/shopstorm-apps.scss.css?v=44200075104732991851610562924" rel="stylesheet" type="text/css" media="all" />
  <script async src="https://app-cdn.productcustomizer.com/assets/storefront/product-customizer-v2-38ff7ba5c696ad5727db29bc077fb96ae4e000d3b5e685f8c9ede3fe839320a8.js?shop=imogeneandwillie.myshopify.com" type="text/javascript"></script>

  <!-- Power Tools -->
  <div id="shopify-section-filter-menu-settings" class="shopify-section"><style type="text/css">
/*  Filter Menu Color and Image Section CSS */</style>
<link href="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/filter-menu.scss.css?v=39107517631857181131653428689" rel="stylesheet" type="text/css" media="all" />
<script src="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/filter-menu.js?v=113808658162758557781610562924" type="text/javascript"></script>


</div>

  <!-- CSS Overrides -->
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/vendor.css?v=179136496332686879921610562900" rel="stylesheet" type="text/css" media="all" />
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/seed.scss.css?v=128222777159706590091614875036" rel="stylesheet" type="text/css" media="all" />
  
  <!-- Site Verification -->
  <meta name="google-site-verification" content="2aetnUQG9AgFhHUXQ6dfUqNkRGw93wgShDt4166IpqE" />
  
  
  <script>
    // BookThatApp config
    var productConfig = {}, productMetafields;
    
    productMetafields = ''; // legacy metafields
    if (productMetafields != '') {
      productConfig = JSON.parse('{"' + decodeURI(productMetafields).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g,'":"') + '"}');
    }
    
    window.BtaConfig = {
      account: 'imogeneandwillie',
      settings: JSON.parse('{"dateFormat":"MM/DD/YYYY","widget_enabled_list":["reservation"],"domain":"imogeneandwillie.com","widgets_mode":{},"should_load":true,"widget_on_every_page":true}' || '{}'),
      
      cart: {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[]},
      version: '1.4'
    }
  </script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/bta-widgets-bootstrap.min.js?v=45931621830079316881637712454" type="text/javascript"></script>

<!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->


<!-- END app app block --><meta property="og:image" content="https://cdn.shopify.com/s/files/1/0117/3112/files/imogeneandwillie.png?height=628&pad_color=ffffff&v=1601507624&width=1200" />
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0117/3112/files/imogeneandwillie.png?height=628&pad_color=ffffff&v=1601507624&width=1200" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="628" />
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 1173112,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'USD';
var meta = {"products":[{"id":7622333989038,"gid":"gid:\/\/shopify\/Product\/7622333989038","vendor":"i+w non-denim bottoms","type":"men's shorts","variants":[{"id":42714535526574,"price":14500,"name":"the camp short in brown ripstop - 27","public_title":"27","sku":"20211105-BRO-27"},{"id":42714535559342,"price":14500,"name":"the camp short in brown ripstop - 28","public_title":"28","sku":"20211105-BRO-28"},{"id":42714535592110,"price":14500,"name":"the camp short in brown ripstop - 29","public_title":"29","sku":"20211105-BRO-29"},{"id":42714535624878,"price":14500,"name":"the camp short in brown ripstop - 30","public_title":"30","sku":"20211105-BRO-30"},{"id":42714535657646,"price":14500,"name":"the camp short in brown ripstop - 31","public_title":"31","sku":"20211105-BRO-31"},{"id":42714535690414,"price":14500,"name":"the camp short in brown ripstop - 32","public_title":"32","sku":"20211105-BRO-32"},{"id":42714535723182,"price":14500,"name":"the camp short in brown ripstop - 33","public_title":"33","sku":"20211105-BRO-33"},{"id":42714535755950,"price":14500,"name":"the camp short in brown ripstop - 34","public_title":"34","sku":"20211105-BRO-34"},{"id":42714535788718,"price":14500,"name":"the camp short in brown ripstop - 35","public_title":"35","sku":"20211105-BRO-35"},{"id":42714535821486,"price":14500,"name":"the camp short in brown ripstop - 36","public_title":"36","sku":"20211105-BRO-36"},{"id":42714535854254,"price":14500,"name":"the camp short in brown ripstop - 38","public_title":"38","sku":"20211105-BRO-38"}]},{"id":1938015551530,"gid":"gid:\/\/shopify\/Product\/1938015551530","vendor":"i+w non-denim bottoms","type":"men's pants","variants":[{"id":41443502751918,"price":19500,"name":"hencye canvas workpant in brown - 27","public_title":"27","sku":"202010102-CVS-27"},{"id":14790770360362,"price":19500,"name":"hencye canvas workpant in brown - 28","public_title":"28","sku":"202010102-CVS-28"},{"id":14895687499818,"price":19500,"name":"hencye canvas workpant in brown - 29","public_title":"29","sku":"202010102-CVS-29"},{"id":14895687532586,"price":19500,"name":"hencye canvas workpant in brown - 30","public_title":"30","sku":"202010102-CVS-30"},{"id":14895687565354,"price":19500,"name":"hencye canvas workpant in brown - 31","public_title":"31","sku":"202010102-CVS-31"},{"id":14895687598122,"price":19500,"name":"hencye canvas workpant in brown - 32","public_title":"32","sku":"202010102-CVS-32"},{"id":14895687630890,"price":19500,"name":"hencye canvas workpant in brown - 33","public_title":"33","sku":"202010102-CVS-33"},{"id":14895687663658,"price":19500,"name":"hencye canvas workpant in brown - 34","public_title":"34","sku":"202010102-CVS-34"},{"id":14895687696426,"price":19500,"name":"hencye canvas workpant in brown - 35","public_title":"35","sku":"202010102-CVS-35"},{"id":14895687761962,"price":19500,"name":"hencye canvas workpant in brown - 36","public_title":"36","sku":"202010102-CVS-36"},{"id":14895687794730,"price":19500,"name":"hencye canvas workpant in brown - 38","public_title":"38","sku":"202010102-CVS-38"}]},{"id":4458740645930,"gid":"gid:\/\/shopify\/Product\/4458740645930","vendor":"i+w non-denim bottoms","type":"men's pants","variants":[{"id":38048387039406,"price":16500,"name":"camo oliver military trouser - 26","public_title":"26","sku":"20210106-cam-26"},{"id":31568067199018,"price":16500,"name":"camo oliver military trouser - 27","public_title":"27","sku":"20210106-cam-27"},{"id":31568067362858,"price":16500,"name":"camo oliver military trouser - 28","public_title":"28","sku":"20210106-cam-28"},{"id":31568067428394,"price":16500,"name":"camo oliver military trouser - 29","public_title":"29","sku":"20210106-cam-29"},{"id":31568067461162,"price":16500,"name":"camo oliver military trouser - 30","public_title":"30","sku":"20210106-cam-30"},{"id":31568067493930,"price":16500,"name":"camo oliver military trouser - 31","public_title":"31","sku":"20210106-cam-31"},{"id":31568067526698,"price":16500,"name":"camo oliver military trouser - 32","public_title":"32","sku":"20210106-cam-32"},{"id":31568067559466,"price":16500,"name":"camo oliver military trouser - 33","public_title":"33","sku":"20210106-cam-33"},{"id":31568067887146,"price":16500,"name":"camo oliver military trouser - 34","public_title":"34","sku":"20210106-cam-34"},{"id":31568067919914,"price":16500,"name":"camo oliver military trouser - 35","public_title":"35","sku":"20210106-cam-35"},{"id":31568067952682,"price":16500,"name":"camo oliver military trouser - 36","public_title":"36","sku":"20210106-cam-36"},{"id":31568067985450,"price":16500,"name":"camo oliver military trouser - 38","public_title":"38","sku":"20210106-cam-38"}]}],"page":{"pageType":"collection","resourceType":"collection","resourceId":63676612650}};
for (var attr in meta) {
  window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
  <!-- Global site tag (gtag.js) - Google Analytics -->


  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-66500920-1');
};
</script>
<script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti');


(function () {
  var customDocumentWrite = function(content) {
    var jquery = null;

    if (window.jQuery) {
      jquery = window.jQuery;
    } else if (window.Checkout && window.Checkout.$) {
      jquery = window.Checkout.$;
    }

    if (jquery) {
      jquery('body').append(content);
    }
  };

  var hasLoggedConversion = function(token) {
    if (token) {
      return document.cookie.indexOf('loggedConversion=' + token) !== -1;
    }
    return false;
  }

  var setCookieIfConversion = function(token) {
    if (token) {
      var twoMonthsFromNow = new Date(Date.now());
      twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

      document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
    }
  }

  var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  if (trekkie.integrations) {
    return;
  }
  trekkie.methods = [
    'identify',
    'page',
    'ready',
    'track',
    'trackForm',
    'trackLink'
  ];
  trekkie.factory = function(method) {
    return function() {
      var args = Array.prototype.slice.call(arguments);
      args.unshift(method);
      trekkie.push(args);
      return trekkie;
    };
  };
  for (var i = 0; i < trekkie.methods.length; i++) {
    var key = trekkie.methods[i];
    trekkie[key] = trekkie.factory(key);
  }
  trekkie.load = function(config) {
    trekkie.config = config || {};
    trekkie.config.initialDocumentCookie = document.cookie;
    var first = document.getElementsByTagName('script')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.onerror = function(e) {
      var scriptFallback = document.createElement('script');
      scriptFallback.type = 'text/javascript';
      scriptFallback.onerror = function(error) {
              var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });
    
          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful
    
        } // XHR beacon   
    
        var xhr = new XMLHttpRequest();
    
        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }
    
        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 1173112,
      theme_id: 117851226286,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "https://cdn.shopify.com/s/trekkie.storefront.5d0cc2a550202c874679a4c3dc5335b1b7a06d8c.min.js"});

      };
      scriptFallback.async = true;
      scriptFallback.src = 'https://cdn.shopify.com/s/trekkie.storefront.5d0cc2a550202c874679a4c3dc5335b1b7a06d8c.min.js';
      first.parentNode.insertBefore(scriptFallback, first);
    };
    script.async = true;
    script.src = 'https://cdn.shopify.com/s/trekkie.storefront.5d0cc2a550202c874679a4c3dc5335b1b7a06d8c.min.js';
    first.parentNode.insertBefore(script, first);
  };
  trekkie.load(
    {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":1173112,"isMerchantRequest":null,"themeId":117851226286,"themeCityHash":"12548511641575547660","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true},"Google Analytics":{"trackingId":"UA-66500920-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Facebook Pixel":{"pixelIds":["1282233025145485"],"agent":"plshopify1.2"},"Session Attribution":{},"S2S":{"emitV4CheckoutEvent":true,"facebookCapiEnabled":true,"facebookAppPixelId":"1282233025145485","source":"trekkie-storefront-renderer"}}
  );

  var loaded = false;
  trekkie.ready(function() {
    if (loaded) return;
    loaded = true;

    window.ShopifyAnalytics.lib = window.trekkie;
    
      ga('require', 'linker');
      function addListener(element, type, callback) {
        if (element.addEventListener) {
          element.addEventListener(type, callback);
        }
        else if (element.attachEvent) {
          element.attachEvent('on' + type, callback);
        }
      }
      function decorate(event) {
        event = event || window.event;
        var target = event.target || event.srcElement;
        if (target && (target.getAttribute('action') || target.getAttribute('href'))) {
          ga(function (tracker) {
            var linkerParam = tracker.get('linkerParam');
            document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/';
          });
        }
      }
      addListener(window, 'load', function(){
        for (var i=0; i < document.forms.length; i++) {
          var action = document.forms[i].getAttribute('action');
          if(action && action.indexOf('/cart') >= 0) {
            addListener(document.forms[i], 'submit', decorate);
          }
        }
        for (var i=0; i < document.links.length; i++) {
          var href = document.links[i].getAttribute('href');
          if(href && href.indexOf('/checkout') >= 0) {
            addListener(document.links[i], 'click', decorate);
          }
        }
      });
    

    var originalDocumentWrite = document.write;
    document.write = customDocumentWrite;
    try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
    document.write = originalDocumentWrite;

    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":63676612650});

    var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
    var token = match? match[1]: undefined;
    if (!hasLoggedConversion(token)) {
      setCookieIfConversion(token);
      window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: men-trousers","collectionName":"men-trousers","nonInteraction":true});
    }
  });

  
      var eventsListenerScript = document.createElement('script');
      eventsListenerScript.async = true;
      eventsListenerScript.src = "//cdn.shopify.com/shopifycloud/shopify/assets/shop_events_listener-fa61fd11817b231631d2fe43dc869d0b1d14a06332792d42f1a1d94bda5aa31e.js";
      document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
    
})();</script>
<script class="boomerang">
(function () {
  if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) {
    return;
  }
  window.BOOMR = window.BOOMR || {};
  window.BOOMR.snippetStart = new Date().getTime();
  window.BOOMR.snippetExecuted = true;
  window.BOOMR.snippetVersion = 12;
  window.BOOMR.application = "storefront-renderer";
  window.BOOMR.themeName = "";
  window.BOOMR.themeVersion = "";
  window.BOOMR.shopId = 1173112;
  window.BOOMR.themeId = 117851226286;
  window.BOOMR.url =
    "https://cdn.shopify.com/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
  var where = document.currentScript || document.getElementsByTagName("script")[0];
  var parentNode = where.parentNode;
  var promoted = false;
  var LOADER_TIMEOUT = 3000;
  function promote() {
    if (promoted) {
      return;
    }
    var script = document.createElement("script");
    script.id = "boomr-scr-as";
    script.src = window.BOOMR.url;
    script.async = true;
    parentNode.appendChild(script);
    promoted = true;
  }
  function iframeLoader(wasFallback) {
    promoted = true;
    var dom, bootstrap, iframe, iframeStyle;
    var doc = document;
    var win = window;
    window.BOOMR.snippetMethod = wasFallback ? "if" : "i";
    bootstrap = function(parent, scriptId) {
      var script = doc.createElement("script");
      script.id = scriptId || "boomr-if-as";
      script.src = window.BOOMR.url;
      BOOMR_lstart = new Date().getTime();
      parent = parent || doc.body;
      parent.appendChild(script);
    };
    if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) {
      window.BOOMR.snippetMethod = "s";
      bootstrap(parentNode, "boomr-async");
      return;
    }
    iframe = document.createElement("IFRAME");
    iframe.src = "about:blank";
    iframe.title = "";
    iframe.role = "presentation";
    iframe.loading = "eager";
    iframeStyle = (iframe.frameElement || iframe).style;
    iframeStyle.width = 0;
    iframeStyle.height = 0;
    iframeStyle.border = 0;
    iframeStyle.display = "none";
    parentNode.appendChild(iframe);
    try {
      win = iframe.contentWindow;
      doc = win.document.open();
    } catch (e) {
      dom = document.domain;
      iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);";
      win = iframe.contentWindow;
      doc = win.document.open();
    }
    if (dom) {
      doc._boomrl = function() {
        this.domain = dom;
        bootstrap();
      };
      doc.write("<body onload='document._boomrl();'>");
    } else {
      win._boomrl = function() {
        bootstrap();
      };
      if (win.addEventListener) {
        win.addEventListener("load", win._boomrl, false);
      } else if (win.attachEvent) {
        win.attachEvent("onload", win._boomrl);
      }
    }
    doc.close();
  }
  var link = document.createElement("link");
  if (link.relList &&
    typeof link.relList.supports === "function" &&
    link.relList.supports("preload") &&
    ("as" in link)) {
    window.BOOMR.snippetMethod = "p";
    link.href = window.BOOMR.url;
    link.rel = "preload";
    link.as = "script";
    link.addEventListener("load", promote);
    link.addEventListener("error", function() {
      iframeLoader(true);
    });
    setTimeout(function() {
      if (!promoted) {
        iframeLoader(true);
      }
    }, LOADER_TIMEOUT);
    BOOMR_lstart = new Date().getTime();
    parentNode.appendChild(link);
  } else {
    iframeLoader(false);
  }
  function boomerangSaveLoadTime(e) {
    window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime();
  }
  if (window.addEventListener) {
    window.addEventListener("load", boomerangSaveLoadTime, false);
  } else if (window.attachEvent) {
    window.attachEvent("onload", boomerangSaveLoadTime);
  }
  if (document.addEventListener) {
    document.addEventListener("onBoomerangLoaded", function(e) {
      e.detail.BOOMR.init({
        producer_url: "https://monorail-edge.shopifysvc.com/v1/produce",
        ResourceTiming: {
          enabled: true,
          trackedResourceTypes: ["script", "img", "css"]
        },
      });
      e.detail.BOOMR.t_end = new Date().getTime();
    });
  } else if (document.attachEvent) {
    document.attachEvent("onpropertychange", function(e) {
      if (!e) e=event;
      if (e.propertyName === "onBoomerangLoaded") {
        e.detail.BOOMR.init({
          producer_url: "https://monorail-edge.shopifysvc.com/v1/produce",
          ResourceTiming: {
            enabled: true,
            trackedResourceTypes: ["script", "img", "css"]
          },
        });
        e.detail.BOOMR.t_end = new Date().getTime();
      }
    });
  }
})();</script>
</head><body id="mens-bottoms" class="template-collection" >

  <!-- mobile checker -->
  <div class="mc"></div>

  <!-- All-Page Banner --><div id="shopify-section-allpagebanner" class="shopify-section">
<div id="allpagebanner"><div class="allpagebanner-box" id="allpagebanner-1555008806733"><div class="swd-banner">
<!--
	--><div class="swd-banner-1">
<!--
		--><div class="swd-banner-1-a"></div>
<!--
		--><div class="swd-banner-1-b"></div>
<!--
	-->
</div>
<!--
	--><div class="swd-banner-2"> <div class="only-d" there="" still="" time="" div="" style="letter-spacing:2px;">
<span>TAKE 20% OFF USE CODE "TAKE20" AT CHECKOUT  </span>
</div>
<!--
--><div class="banner-pad"></div>
</div>
</div>
</div></div>

<script type="text/javascript">

// ************************************************** //


Date.prototype.stdTimezoneOffset = function () {
	var jan = new Date(this.getFullYear(), 0, 1);
	var jul = new Date(this.getFullYear(), 6, 1);
	return Math.max(jan.getTimezoneOffset(), jul.getTimezoneOffset());
}

Date.prototype.isDstObserved = function () {
	return this.getTimezoneOffset() < this.stdTimezoneOffset();
}

function dateToCentral(dateUTC) {
	timeUTC = dateUTC.getTime();
	// if daylight savings time is ON
	if(new Date().isDstObserved()) {
		// Central Time is UTC-5h Daylight Savings Time
		// -5 + 4 (?) = -1
		// (3600000 = convert hours to milliseconds)
		return new Date(timeUTC + (-1 * 3600000));
	}
	// if daylight savings time is OFF
	else {
		// Central Time is UTC-6h Standard
		// -6 + 4 (?) = -2
		// (3600000 = convert hours to milliseconds)
		return new Date(timeUTC + (-2 * 3600000));
	}
}

function timeToCentral(timeUTC) {
	// if daylight savings time is ON
	if(new Date().isDstObserved()) {
		// Central Time is UTC-5h Daylight Savings Time
		// -5 + 4 (?) = -1
		// (3600000 = convert hours to milliseconds)
		return (timeUTC + (-1 * 3600000));
	}
	// if daylight savings time is OFF
	else {
		// Central Time is UTC-6h Standard
		// -6 + 4 (?) = -2
		// (3600000 = convert hours to milliseconds)
		return (timeUTC + (-2 * 3600000));
	}
}

function dateToTimeUTC(dateLocal) {
	if(dateLocal == 'undefined') {
		dateLocal = new Date();
	}
	return Date.UTC(
		dateLocal.getUTCFullYear(),
		dateLocal.getUTCMonth(),
		dateLocal.getUTCDate(),
		dateLocal.getUTCHours(),
		dateLocal.getUTCMinutes(),
		dateLocal.getUTCSeconds(),
		dateLocal.getUTCMilliseconds()
	);
}

function leadingZeros(i, x) {
	// i = input (as int or string)
	// x = num digits
	var o = i.toString();
	if(o.length < x) {
		var arr = [];
		for(var k = 0; k < (x - o.length); k++) {
			arr.push('0');
		}
		arr.push(o);
		o = arr.join('');
	}
	return o;
}

function humanDate(y, m, d, th, tm, ts) {
	if(typeof th == 'undefined') {
		th = 0;
	}
	if(typeof tm == 'undefined') {
		tm = 0;
	}
	if(typeof ts == 'undefined') {
		ts = 0;
	}
	return new Date(y, (m - 1), d, th, tm, ts, 0);
}

function humanTime(y, m, d, th, tm, ts) {
	if(typeof th == 'undefined') {
		th = 0;
	}
	if(typeof tm == 'undefined') {
		tm = 0;
	}
	if(typeof ts == 'undefined') {
		ts = 0;
	}
	return new Date(y, (m - 1), d, th, tm, ts, 0).getTime();
}

// *** //

function outputDateHuman(d) {
	var o = '';
	o += d.getFullYear();
	o += '-';
	o += leadingZeros((d.getMonth() + 1), 2);
	o += '-';
	o += leadingZeros(d.getDate(), 2);
	o += '@';
	o += leadingZeros(d.getHours(), 2);
	o += ':';
	o += leadingZeros(d.getMinutes(), 2);
	o += ':';
	o += leadingZeros(d.getSeconds(), 2);
	o += ':';
	o += leadingZeros(d.getMilliseconds(), 3);
	return o;
}

function outputDateHumanUTC(d) {
	var o = '';
	o += d.getUTCFullYear();
	o += '-';
	o += leadingZeros((d.getUTCMonth() + 1), 2);
	o += '-';
	o += leadingZeros(d.getUTCDate(), 2);
	o += '@';
	o += leadingZeros(d.getUTCHours(), 2);
	o += ':';
	o += leadingZeros(d.getUTCMinutes(), 2);
	o += ':';
	o += leadingZeros(d.getUTCSeconds(), 2);
	o += ':';
	o += leadingZeros(d.getUTCMilliseconds(), 3);
	return o;
}

function outputDateNum(d) {
	var o = '';
	o += d.getUTCFullYear();
	o += leadingZeros((d.getUTCMonth() + 1), 2);
	o += leadingZeros(d.getUTCDate(), 2);
	o += leadingZeros(d.getUTCHours(), 2);
	o += leadingZeros(d.getUTCMinutes(), 2);
	o += leadingZeros(d.getUTCSeconds(), 2);
	o += leadingZeros(d.getUTCMilliseconds(), 3);
	return o;
}

// *** //

// messages

var banner = {
	'messages': [],
	'end': timeToCentral(humanTime(2025, 12, 12))
};


banner.messages.push({
	'id': '1555008806733',
	'date': timeToCentral(humanTime(2018, 12, 12))
});
	

function banner_display(banner, now) {
	if(typeof now == 'undefined') {
		// now in UTC
		now = new Date().getTime();
	}
//console.warn( 'NOW LOCAL', outputDateHuman(new Date(now)), now );
//console.warn( 'NOW UTC', outputDateHumanUTC(new Date(now)), now );
	for(var i = 0; i < banner.messages.length; i++) {
		if(now >= banner.messages[i].date) {
			// not last
			if(i != (banner.messages.length - 1)) {
				if(now < banner.messages[i + 1].date) {
					// hide all
					$('.allpagebanner-box').removeClass('active');
					// show this
					if(!$('#allpagebanner-' + banner.messages[i].id).hasClass('active')) {
						$('#allpagebanner-' + banner.messages[i].id).addClass('active');
					}
//console.warn( '[i=' + i + ']' );
//console.warn( 'BANNER LOCAL', outputDateHuman(new Date(banner.messages[i].date)), banner.messages[i].date );
//console.warn( 'BANNER UTC', outputDateHumanUTC(new Date(banner.messages[i].date)), banner.messages[i].date );
//console.warn( '[match]' );
					break;
				}
			}
			// is last
			else {
				if(now < banner.end) {
					// hide all
					$('.allpagebanner-box').removeClass('active');
					// show this
					if(!$('#allpagebanner-' + banner.messages[i].id).hasClass('active')) {
						$('#allpagebanner-' + banner.messages[i].id).addClass('active');
					}
//console.warn( '[LAST / ' + banner.messages[i].id + ']', '[now=' + now + '] / [match=' + banner.messages[i].date + ']' );
					break;
				}
				else {
					// hide all
					$('.allpagebanner-box').removeClass('active');
//console.warn( 'hide banner ... messages have completed', '[now=' + now + '] / [match=' + banner.messages[i].date + ']' );
					break;
				}
			}
		}
		else {
			// hide all
			$('.allpagebanner-box').removeClass('active');
//console.warn( 'hide banner ... messages have not yet started', '[now=' + now + '] / [match=' + banner.messages[i].date + ']' );
			break;
		}
	}
}

banner_display(banner);

// fire every minute (60000 milliseconds)
banner_int = setInterval(banner_display, 60000, banner);

	
// ************************************************** //

function header_spacer() {
	
	// desktop
	if(jQuery(window).outerWidth() >= 900) {
		// logo
		$('.responsive__logo').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
		// main nav
		$('.main__nav-linksbox').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
		// main nav - children boxes
		$('.main__nav-childrenbox').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
		// aux links
		$('.main__nav-auxlinksbox').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
		// banner itself
		$('#allpagebanner').css('position', '');
		$('#allpagebanner').css('top', '');
		// content spacer
		//$('header.main__desktop').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
	}
	// mobile
	else {
		// logo
		$('.responsive__logo').css('margin-top', '');
		// main nav
		$('.main__nav-linksbox').css('margin-top', '');
		// main nav - children boxes
		$('.main__nav-childrenbox').css('margin-top', '');
		// aux links
		$('.main__nav-auxlinksbox').css('margin-top', '');
		// banner itself
		$('#allpagebanner').css('position', 'relative');
		$('#allpagebanner').css('top', $('.responsive__logo-outer').outerHeight() + 'px');
		// content spacer
		//$('header.main__desktop').css('margin-top', '');
	}
	
}

header_spacer();

$(document).ready(function() {
	header_spacer();
	function header_on_scroll() {
	}
	function header_on_resize() {
		header_on_scroll();
		header_spacer();
	}
	header_on_resize();
	$(window).resize(header_on_resize);
	window.addEventListener('orientationchange', header_on_resize);
});

// ************************************************** //

</script>
</div><!-- Site Header --><div id="shopify-section-responsive-head" class="shopify-section"><div class="header-pad bg_white_mobile"></div>

<header class="main__desktop is-scrolled bg_white bg_white_mobile" js-header>
  <div class="responsive__logo-outer"><!--
    --><div class="responsive__logo "><!--
      --><div class="responsive__logo-w"></div><!--
      --><div class="responsive__logo-b"></div><!--
    --></div><!--
--></div>
  <nav class="main__nav ">
  <div class="main__nav-linksbox">
    <div class="main__nav-links">

  
      <div class="nav__links-main" data-link-number="1">
        <a href="/pages/the-beginning">abou<span class="lsf">t</span></a>
      </div>

  
      <div class="nav__links-main" data-link-number="2">
        <a href="/collections/men">shop me<span class="lsf">n</span></a>
      </div>

  
      <div class="nav__links-main" data-link-number="3">
        <a href="/collections/women">shop wome<span class="lsf">n</span></a>
      </div>

  
      <div class="nav__links-main" data-link-number="4">
        <a href="https://journal.imogeneandwillie.com/">journa<span class="lsf">l</span></a>
      </div>

      <div class="nav__links-clear"></div>
    </div>
  </div><div class="main__nav-auxlinksbox">
    <div class="main__nav-auxlinks"><!--
  
      --><div class="main__nav-auxlink"><a href="/account">account</a></div><!--
  
      --><div class="main__nav-auxlink"><a href="javascript:;" onclick="dsearch();">search</a></div><!--
      --><div class="shopping__bag-link">bag<span class="main__nav-bagCount"></span></div><!--
    --></div>
  </div><div class="main__nav-childrenbox">


<div
      class="main__nav-children"
      data-children-number="1"
      data-no-grandchildren="true"
    >
    
      <div class="nav__children-child">
        <a href="/pages/the-beginning">our story</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/nashville">nashville</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/the-process">our process</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/the-tailor-shop">the tailor shop</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/supper-and-song">supper + song</a>
      
      
      </div>
    
</div>
  

<div
      class="main__nav-children left-aligned"
      data-children-number="2"
      data-grandchildren="true"
    >
    
      <div class="nav__children-child">
        <a href="/collections/men">collection</a>
      
      
        <div class="main__nav-grandchildren">
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-men-collection-denim">
            <a href="/collections/men-denim">denim</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-men-collection-t-shirts">
            <a href="/collections/men-tshirts">t-shirts</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-men-collection-shirts">
            <a href="/collections/mens-shirts">shirts</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-men-collection-jackets">
            <a href="/collections/mens-jackets">jackets</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/men-trousers">pants & shorts</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-men-collection-accessories">
            <a href="/collections/mens-accessories">accessories</a>
          </div>
        
        </div>
        
      
      </div>
    
      <div class="nav__children-child">
        <a href="/collections/new-arrivals">feature</a>
      
      
        <div class="main__nav-grandchildren">
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/all-or-nothing">weekend one of a kind</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/the-plus-candles">the plus candle</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/new-arrivals">new arrivals</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/under-50">under $50</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/products/gift-card-1">gift cards </a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/men-sale"><span style="color: #a73636; text-transform:uppercase;font-weight:700;font-size: 11px;  letter-spacing: 3.3px;padding-top:7px;;">SALE</span></a>
          </div>
        
        </div>
        
          
      </div>
    
<section class="featured__links featured__links-main">
          <div class="featured__links-product"><a href="https://imogeneandwillie.com/products/the-service-station-trucker-in-black"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/truckerhatt-01-copy_1200x.jpg?v=1650037268">
<h1>the “service station” trucker</h1>
<p>made in the USA</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/charlie-indigo-rigid-jp"><img src="https://cdn.shopify.com/s/files/1/0117/3112/products/CZ1A9219_1200x.jpg?v=1643755830">
<h1>charlie indigo rigid jp</h1>
<p>100% cotton 13.5oz Nihon Menpu selvage denim..</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/black-knit-raglan"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/raglanblack_07_1200x.jpg?v=1649109388">
<h1>the black knit raglan</h1>
<p>100% cotton</p>
</a></div>
        </section><section class="featured__links featured__links-sub featured__links-shop-men-collection-denim">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/products/henry-black-rigid-usa-lot-1"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/henry-black_01_1200x.jpg?v=1615585603">
<h1>henry black rigid usa lot 1</h1>
<p> </p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/charlie-natchez"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/charlie-nachez-04_1200x.jpg?v=1619207934">
<h1>charlie natchez</h1>
<p> </p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/barton-slim-rigid-natural-indigo"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/bartonslimpureindigo_01_1200x.jpg?v=1648842752">
<h1>barton slim rigid natural indigo</h1>
<p> </p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-men-collection-t-shirts">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/products/the-next-time-tee-in-blue"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/till-next-time-01_360x.jpg?v=1650312648">
<h1>the "next time" tee</h1>
<p>screen-printed in nashville.</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/washed-white-knit-raglan"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/raglanV2_09_1200x.jpg?v=1649108968">
<h1>the washed white knit raglan</h1>
<p>100% 8oz cotton</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/men-tshirts/products/classic-knit-mid-weight-crew"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/blank-crew01_ba7bd91a-ff52-4d60-9b6b-94e7b78471d1_1200x.jpg?v=1571438565">
<h1>classic knit mid-weight crew</h1>
<p>made in usa</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-men-collection-shirts">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/products/earl-selvage-denim"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/ear-selvage08_1200x.jpg?v=1643911322">
<h1>earl selvage denim</h1>
<p>patterned, cut, and sewn in the USA.</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/leo-washed-pearl-snap"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/leo-01_1200x.jpg?v=1614028167">
<h1>leo washed pearl snap</h1>
<p>100% cotton 7.25oz denim</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/military-shirt-jacket-in-fatigue-green"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/militaryshirtjacket_02_1200x.jpg?v=1650901161">
<h1>military shirt jacket in fatigue green</h1>
<p>13oz military-issue sateen fabric</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-men-collection-jackets">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/products/jack-jacket-french-blue"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/Untitled-6_01fd63e3-8163-498d-8e7d-4958c60e40b5.jpg?v=1643059389">
<h1>the jack jacket in french blue</h1>
<p>12oz 100% cotton canvas</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/military-shirt-jacket-in-fatigue-green"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/militaryshirtjacket_02_1200x.jpg?v=1650901161">
<h1>military shirt jacket in fatigue green</h1>
<p>13oz military-issue sateen fabric.</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/the-utility-coat-in-midnight-blue"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/chore-coat-01_1200x.jpg?v=1636496674">
<h1>the utility coat in midnight blue</h1>
<p>9.6oz cotton canvas</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-men-collection-accessories">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/products/the-plus-candle"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/stayhome_zippo_03_f286cfee-ba5a-4afa-9bef-95d98921726c_1200x.jpg?v=1622148415">
<h1>the plus candle</h1>
<p>premium soy blend</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/rodeo-sock-in-asphalt"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/cowboy-03_1200x.jpg?v=1629390636">
<h1>rodeo sock in asphalt</h1>
<p>produced in Fort Payne, Alabama</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/one-for-the-road-2"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/godspeed05_1200x.jpg?v=1597871887">
<h1>hand-stamped “godspeed” zippo</h1>
<p>brushed brass WWII replica zippo</p>
</a></div>
            </section></div>
  

<div
      class="main__nav-children left-aligned"
      data-children-number="3"
      data-grandchildren="true"
    >
    
      <div class="nav__children-child">
        <a href="/collections/women">collection</a>
      
      
        <div class="main__nav-grandchildren">
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-women-collection-denim">
            <a href="/collections/women-denim">denim</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-women-collection-tees-tanks">
            <a href="/collections/women-tshirts">tees & tanks</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-women-collection-shirts">
            <a href="/collections/women-tops">shirts</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-women-collection-pants">
            <a href="/collections/womens-bottoms">pants</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-women-collection-jackets">
            <a href="/collections/womens-jackets">jackets</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-women-collection-accessories">
            <a href="/collections/womens-accesories">accessories</a>
          </div>
        
        </div>
        
      
      </div>
    
      <div class="nav__children-child">
        <a href="/collections/new-arrivals">feature</a>
      
      
        <div class="main__nav-grandchildren">
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/all-or-nothing">weekend one of a kind</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/the-plus-candles">the plus candle</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/women-new-arrivals">new arrivals</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/under-50">under $50</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/products/gift-card-1">gift card </a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/women-sale"><span style="color: #a73636; text-transform:uppercase;font-weight:600;font-size: 11px;  letter-spacing: 3.3px;padding-top:7px;;">SALE</span></a>
          </div>
        
        </div>
        
          
      </div>
    
<section class="featured__links featured__links-main">
          <div class="featured__links-product"><a href="https://imogeneandwillie.com/products/liza-natural"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/liza-01_1200x.jpg?v=1650576092">
<h1>liza natural</h1>
<p>high-waisted side-button enclosure</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/ribbed-racerback-tank-in-vintage-white"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/racerback-white_02_1200x.jpg?v=1650664505">
<h1>vintage white ribbed racerback tank</h1>
<p>patterned, cut, and sewn in the USA</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/wyatt-montrose"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/wyatt_07_1200x.jpg?v=1640032305">
<h1>wyatt montrose</h1>
<p>14.75oz premium Cone Mills denim</p>
</a></div>
        </section><section class="featured__links featured__links-sub featured__links-shop-women-collection-denim">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/products/catherine-natural-selvage-rinse"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/catherine-natural01_1200x.jpg?v=1626808418%22">
<h1>catherine natural selvage rinse</h1>
<p>super high rise, 12oz denim</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/sophie-taylor"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/sophie-taylor-01_1200x.jpg?v=1650051743">
<h1>sophie taylor</h1>
<p>high rise, premium stretch denim</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/catherine-indigo-rigid-nep"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/nep-09_1200x.jpg?v=1648224823">
<h1>catherine indigo rigid nep</h1>
<p>super high rise trouser leg, 13.5oz selvage denim</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-women-collection-tees-tanks">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/products/the-drop-tee-in-vintage-white"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/drop-tee01_1200x.jpg?v=1589411745">
<h1>the drop tee</h1>
<p>100% cotton 5.5oz fabric</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/the-next-time-tee-in-blue"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/till-next-time-01_1200x.jpg?v=1650312648">
<h1>the "next time" tee</h1>
<p>screen-printed in nashville.</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/women-tshirts/products/ribbed-racerback-tank-in-vintage-white"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/racerback-white_02_1200x.jpg?v=1650664505">
<h1>vintage white ribbed racerback tank</h1>
<p>vintage inspired fit</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-women-collection-shirts">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/products/the-waffle-thermal-crew-in-ash"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/ash_09_1200x.jpg?v=1632327769">
<h1>the waffle thermal crew in ash</h1>
<p>vintage-inspired fit</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/lana-raglan-sweatshirt-in-heather-grey"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/womensraglan-grey_07_1200x.jpg?v=1646172961">
<h1>lana raglan sweatshirt in heather grey</h1>
<p>100% cotton</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/leah-washed-pearl-snap"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/leah-01_1200x.jpg?v=1602880352">
<h1>leah washed pearl snap</h1>
<p>7.25oz denim</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-women-collection-pants">
              <div class="featured__links-product">
<a href="https://imogeneandwillie.com/products/fethiye-in-faded-blue-patchwork-w"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/fethiyeindigo-womens_01_1200x.jpg?v=1649441131"> </a>
<h1>fethiye in faded blue patchwork</h1>
<p>100% cotton jacquard fabric.</p>
</div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/blake-military-trouser-in-sunbleached-blue"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/blake_sunbleachedblue_01_1200x.jpg?v=1647634333">
<h1>blake military trouser in sunbleached blue</h1>
<p>patterned, cut, and sewn in the USA</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/liza-olive-herringbone"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/lizah-08_1200x.jpg?v=1633117904">
<h1>liza olive herringbone</h1>
<p>high rise, side-button enclosure</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-women-collection-jackets">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/products/jack-jacket-french-blue-women"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/jack-womens-07_1200x.jpg?v=1606249213">
<h1>jack jacket french blue</h1>
<p>100% cotton canvas</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/margaret-coat-in-indigo-twill"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/margaret_01_1200x.jpg?v=1640717774">
<h1>margaret coat in indigo twill</h1>
<p>13.5oz recycled cotton blend</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-women-collection-accessories">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/womens-accesories/products/i-w-vintage-blue-bandana"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/bandana2_1200x_20f1136c-212a-4f4b-958c-b04212ed33b7.jpg?v=1595026073">
<h1>i+w vintage blue bandana</h1>
&lt;p100% cotton&lt;="" p=""&gt; </a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/the-plus-candle-no-2-white"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/plusno2-11_1200x.jpg?v=1611612539">
<h1>the plus candle no. 2</h1>
<p>premium paraffin and soy</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/the-earth-sock"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/earth-sock01_1200x.jpg?v=1587503312">
<h1>the "earth" sock</h1>
<p>made in Fort Payne, Alabama</p>
</a></div>
            </section></div>
  

    <div
      class="main__nav-children empty"
      data-children-number="4"
      data-no-grandchildren="true"
    ></div>
  </div></nav>

  <div class="mobile__nav-trigger ">
  <svg class="icon icon-menu" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 40">
  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(6.000000, 9.000000)" fill="#000000" fill-rule="nonzero"><path d="M0,8 L0,6 L20,6 L20,8 L0,8 Z M0,14 L0,12 L20,12 L20,14 L0,14 Z M0,2 L0,0 L20,0 L20,2 L0,2 Z"/></g></g>
</svg> 
</div>
<a class="mobile__nav-searchicon" href="javascript:;" onclick="dsearch();"><svg class="icon icon-search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125">
  <path d="M34.34,24.91a28.79,28.79,0,0,0-2,38.43l-16,16,4.24,4.24,16-16a28.75,28.75,0,0,0,38.43-2h0A28.75,28.75,0,1,0,34.34,24.91ZM70.75,61.33a22.74,22.74,0,1,1,0-32.18A22.6,22.6,0,0,1,70.75,61.33Z"/>
</svg></a>
<a class="mobile__nav-accounticon" href="/account"><svg class="icon icon-account" width="17" height="16" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account" viewBox="0 0 17 16">
  <g fill="#000" fill-rule="evenodd"><path d="M8.414 8.22c2.292 0 4.157-1.813 4.157-4.042 0-2.228-1.865-4.042-4.157-4.042S4.258 1.95 4.258 4.178c0 2.229 1.864 4.042 4.156 4.042zM12.6 8.748a.327.327 0 0 0-.37.023 6.113 6.113 0 0 1-3.816 1.314 6.112 6.112 0 0 1-3.816-1.314.326.326 0 0 0-.369-.023C1.845 10.176.421 12.652.421 15.371c0 .172.143.31.32.31h15.347c.177 0 .32-.138.32-.31 0-2.719-1.424-5.195-3.809-6.623z"/></g>
</svg> </a> 
<a class="mobile__nav-bagicon" href="javascript:;">
  <svg class="icon icon-bag" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 125" xml:space="preserve">
  <path d="M78,31.1H65.5V27c0-8.9-7-16.1-15.5-16.1S34.5,18.1,34.5,27v4.1H22c-1.1,0-2,0.9-2,2v50c0,3.3,2.7,6,6,6h48c3.3,0,6-2.7,6-6  v-50C80,32,79.1,31.1,78,31.1z M39.5,27c0-6.1,4.7-11.1,10.5-11.1s10.5,5,10.5,11.1v4.1h-21V27z"/>
</svg>
  <span class="mobile__nav-bagCount"></span>
</a>
<div class="mobile__nav">
  <div class="mobile__nav-main">
    <div class="mobile__nav-mainLinks">
			
			<div class="mobile__nav-mainLinks-pad"><div class="mobile__nav-mainLink" data-link-number="1">
          <a href="/collections/men">shop me<span class="lsf">n</span></a><div
              class="mobile__nav-children"
              data-children-number="1"data-no-grandchildren="true"><div class="mobile__nav-child">
                  <a href="/collections/men-denim">denim</a></div><div class="mobile__nav-child">
                  <a href="/collections/men-tshirts">t-shirts</a></div><div class="mobile__nav-child">
                  <a href="/collections/mens-shirts">shirts</a></div><div class="mobile__nav-child">
                  <a href="/collections/mens-jackets">jackets</a></div><div class="mobile__nav-child">
                  <a href="/collections/men-trousers">pants & shorts</a></div><div class="mobile__nav-child">
                  <a href="/collections/mens-accessories">accessories</a></div><div class="mobile__nav-child">
                  <a href="/collections/new-arrivals">new arrivals</a></div><div class="mobile__nav-child">
                  <a href="/collections/iw-socks">i+w socks</a></div><div class="mobile__nav-child">
                  <a href="/collections/under-50">under $50</a></div><div class="mobile__nav-child">
                  <a href="/collections/men-sale"><span style="color: #a73636;">sale</span></a></div></div></div><div class="mobile__nav-mainLink" data-link-number="2">
          <a href="/collections/women">shop wome<span class="lsf">n</span></a><div
              class="mobile__nav-children"
              data-children-number="2"data-no-grandchildren="true"><div class="mobile__nav-child">
                  <a href="/collections/women-denim">denim</a></div><div class="mobile__nav-child">
                  <a href="/collections/women-tshirts">tees & tanks</a></div><div class="mobile__nav-child">
                  <a href="/collections/women-tops">shirts</a></div><div class="mobile__nav-child">
                  <a href="/collections/womens-bottoms">pants</a></div><div class="mobile__nav-child">
                  <a href="/collections/womens-jackets">jackets</a></div><div class="mobile__nav-child">
                  <a href="/collections/womens-accesories">accessories</a></div><div class="mobile__nav-child">
                  <a href="/collections/women-new-arrivals">new arrivals</a></div><div class="mobile__nav-child">
                  <a href="/collections/iw-socks">i+w socks</a></div><div class="mobile__nav-child">
                  <a href="/collections/under-50">under $50</a></div><div class="mobile__nav-child">
                  <a href="/collections/women-sale"><span style="color: #a73636;">sale</span></a></div></div></div><div class="mobile__nav-mainLink" data-link-number="3">
          <a href="/pages/the-beginning">abou<span class="lsf">t</span></a><div
              class="mobile__nav-children"
              data-children-number="3"data-no-grandchildren="true"><div class="mobile__nav-child">
                  <a href="/pages/the-beginning">our story</a></div><div class="mobile__nav-child">
                  <a href="/pages/nashville">nashville</a></div><div class="mobile__nav-child">
                  <a href="/pages/the-process">our process</a></div><div class="mobile__nav-child">
                  <a href="/pages/the-tailor-shop">the tailor shop</a></div><div class="mobile__nav-child">
                  <a href="/pages/supper-and-song">supper + song</a></div></div></div><div class="mobile__nav-mainLink" data-link-number="4">
          <a href="https://journal.imogeneandwillie.com/">journa<span class="lsf">l</span></a></div><div class="mobile__nav-mainLink" data-link-number="5">
          <a href="/pages/faq">hel<span class="lsf">p</span></a><div
              class="mobile__nav-children"
              data-children-number="5"data-no-grandchildren="true"><div class="mobile__nav-child">
                  <a href="/pages/faq">FAQ</a></div><div class="mobile__nav-child">
                  <a href="/pages/shipping">SHIPPING INFORMATION</a></div><div class="mobile__nav-child">
                  <a href="/pages/returns">RETURNS & EXCHANGES</a></div><div class="mobile__nav-child">
                  <a href="/pages/repair">REPAIR POLICY</a></div><div class="mobile__nav-child">
                  <a href="/pages/privacy">PRIVACY POLICY</a></div><div class="mobile__nav-child">
                  <a href="/pages/terms">TERMS & CONDITIONS</a></div></div></div></div>
		</div>
    <div class="mobile__nav-close"></div>
    
  </div><section class="shopping__cart">
  <article class="shopping__cart-items">
  </article>

  <div class="shopping__cart-backOrClose"></div>

  <div class="shopping__cart-actionWrapper">
    <div class="shopping__cart-action"></div>
  </div>
</section>
</div>
</header>


<div class="m-header-spacing"></div>


</div><!-- Search -->
<div id="search">
	<div class="search-logobox"><a class="search-logo" href="https://imogeneandwillie.com/"></a></div>
	<div class="search-instructions">PRESS ESC TO CLOSE</div>
	<a class="search-close" href="javascript:;"></a>
	<div class="search-body">
		<div class="search-field">
			<form method="get" action="/search">
				<input type="hidden" name="type" value="product" />
				<input type="text" class="dsearch-field" id="dsearch" name="q" placeholder="type your search" value="" />
			</form>
		</div>
	</div>
</div>
<!-- Shopify Content -->
  <article class="main__content">
    <div class="page-pad"></div><section class="collection__page" id="collection-men-trousers">
  
<article class="collection__page-grid centered"><div class="collection__filter-menu__container">
      <div class="filter-menu-buttons__container btn--center">
        <button class="button filter-menu__button filter-menu__button--link">CLOSE FILTERS</button>
        <button class="button sort-by-menu__button">SORT BY</button>
      </div>
      <div class="collection__filter-menu-drop">
        <!-- Filter Menu brought to you by Shopify Power Tools. Version 2.1 --><style type="text/css">.filter-group-ahpwtfdo{display:none;}.filter-selected-women-denim-high-rise .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-low-rise .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-mid-rise .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-straight .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-trouser .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-slim .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-skinny .filter-group-ahpwtfdo{display:inherit;}.filter-selected-denim .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim .filter-group-ahpwtfdo{display:inherit;}
.filter-group-ikmjxbwy{display:none;}.filter-selected-denim .filter-group-ikmjxbwy{display:inherit;}.filter-selected-men-denim .filter-group-ikmjxbwy{display:inherit;}
.filter-group-leg{display:none;}.filter-selected-denim .filter-group-leg{display:inherit;}.filter-selected-men-denim .filter-group-leg{display:inherit;}
.filter-group-qwvgnbix{display:none;}.filter-selected-denim .filter-group-qwvgnbix{display:inherit;}.filter-selected-women-denim .filter-group-qwvgnbix{display:inherit;}
.filter-group-rise{display:none;}.filter-selected-denim .filter-group-rise{display:inherit;}.filter-selected-women-denim .filter-group-rise{display:inherit;}.filter-selected-womens-bottoms .filter-group-rise{display:inherit;}.filter-selected-womens-pant .filter-group-rise{display:inherit;}.filter-selected-womens-pants .filter-group-rise{display:inherit;}
.filter-group-rise{display:none;}.filter-selected-denim .filter-group-rise{display:inherit;}.filter-selected-women-denim .filter-group-rise{display:inherit;}.filter-selected-womens-bottoms .filter-group-rise{display:inherit;}.filter-selected-womens-pant .filter-group-rise{display:inherit;}.filter-selected-womens-pants .filter-group-rise{display:inherit;}.filter-group-ikmjxbwy{display:none;}.filter-selected-denim .filter-group-ikmjxbwy{display:inherit;}.filter-selected-men-denim .filter-group-ikmjxbwy{display:inherit;}.filter-group-leg{display:none;}.filter-selected-denim .filter-group-leg{display:inherit;}.filter-selected-men-denim .filter-group-leg{display:inherit;}.filter-group-qwvgnbix{display:none;}.filter-selected-denim .filter-group-qwvgnbix{display:inherit;}.filter-selected-women-denim .filter-group-qwvgnbix{display:inherit;}.filter-group-ahpwtfdo{display:none;}.filter-selected-women-denim-high-rise .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-low-rise .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-mid-rise .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-straight .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-trouser .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-slim .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-skinny .filter-group-ahpwtfdo{display:inherit;}.filter-selected-denim .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim .filter-group-ahpwtfdo{display:inherit;}
</style><div class="filter-menu  filter-selected-men-trousers filter-selected-color-other pt-expand" data-total-tag-count="28">
    <div class="pt-mobile-header">
        <a id="pt-nav-toggle" class="pt-nav-toggle active" href="#"><span></span> <p>Filter</p></a>
    </div>
    
    <div class="filter-group refine-header">
        <h4>Filter</h4><a class="filter-clear" href="/collections/men-trousers">view all</a></div>
    
<div class="filter-group filter-group-pant-size  has_mutliple_items   pt-filter-mode-single ">
        <h4>pant size</h4>
        <div class="scroll-content">
        <input type="text" class="fm-search-box" name="filter" placeholder="search..." style="display:none" autocomplete="off">
        <ul class="nav-pant-size "><li class="collection-container filter-active-bottom-size-26 active  ">
                <div class="collection-name"><a href="/collections/men-trousers/color-other+bottom-size-26" title="Narrow selection to products matching tag bottom-size-26"><i class="check-icon"></i> 26</a></div>
            </li><li class="collection-container filter-active-bottom-size-27 active  ">
                <div class="collection-name"><a href="/collections/men-trousers/color-other+bottom-size-27" title="Narrow selection to products matching tag bottom-size-27"><i class="check-icon"></i> 27</a></div>
            </li><li class="collection-container filter-active-bottom-size-28 active  ">
                <div class="collection-name"><a href="/collections/men-trousers/color-other+bottom-size-28" title="Narrow selection to products matching tag bottom-size-28"><i class="check-icon"></i> 28</a></div>
            </li><li class="collection-container filter-active-bottom-size-29 active  ">
                <div class="collection-name"><a href="/collections/men-trousers/color-other+bottom-size-29" title="Narrow selection to products matching tag bottom-size-29"><i class="check-icon"></i> 29</a></div>
            </li><li class="collection-container filter-active-bottom-size-30 active  ">
                <div class="collection-name"><a href="/collections/men-trousers/color-other+bottom-size-30" title="Narrow selection to products matching tag bottom-size-30"><i class="check-icon"></i> 30</a></div>
            </li><li class="collection-container filter-active-bottom-size-31 active  ">
                <div class="collection-name"><a href="/collections/men-trousers/color-other+bottom-size-31" title="Narrow selection to products matching tag bottom-size-31"><i class="check-icon"></i> 31</a></div>
            </li><li class="collection-container filter-active-bottom-size-32 active  ">
                <div class="collection-name"><a href="/collections/men-trousers/color-other+bottom-size-32" title="Narrow selection to products matching tag bottom-size-32"><i class="check-icon"></i> 32</a></div>
            </li><li class="collection-container filter-active-bottom-size-33 active  ">
                <div class="collection-name"><a href="/collections/men-trousers/color-other+bottom-size-33" title="Narrow selection to products matching tag bottom-size-33"><i class="check-icon"></i> 33</a></div>
            </li><li class="collection-container filter-active-bottom-size-34 active  ">
                <div class="collection-name"><a href="/collections/men-trousers/color-other+bottom-size-34" title="Narrow selection to products matching tag bottom-size-34"><i class="check-icon"></i> 34</a></div>
            </li><li class="collection-container filter-active-bottom-size-35 active  ">
                <div class="collection-name"><a href="/collections/men-trousers/color-other+bottom-size-35" title="Narrow selection to products matching tag bottom-size-35"><i class="check-icon"></i> 35</a></div>
            </li><li class="collection-container filter-active-bottom-size-36 active  ">
                <div class="collection-name"><a href="/collections/men-trousers/color-other+bottom-size-36" title="Narrow selection to products matching tag bottom-size-36"><i class="check-icon"></i> 36</a></div>
            </li><li class="collection-container filter-active-bottom-size-38 active  ">
                <div class="collection-name"><a href="/collections/men-trousers/color-other+bottom-size-38" title="Narrow selection to products matching tag bottom-size-38"><i class="check-icon"></i> 38</a></div>
            </li></ul>
        </div></div><div class="filter-group filter-group-color has_group_selected pt-group-expanded has_single_item   pt-filter-mode-single ">
        <h4>color</h4>
        <div class="scroll-content">
        <input type="text" class="fm-search-box" name="filter" placeholder="search..." style="display:none" autocomplete="off">
        <ul class="nav-color has_selected"><li class="collection-container filter-active-color-other active selected ">
                <div class="collection-name"><a href="/collections/men-trousers" title="Remove tag color-other"><i class="check-icon"></i> other</a>
</div>
            </li></ul>
        </div><a class="filter-clear" href="/collections/men-trousers">clear</a></div><div class="filter-group filter-group-not-shown has_group_selected pt-group-expanded">
      <h4>Collection</h4>
      <div class="scroll-content">
        <ul class="nav-not-shown">
            <li class="collection-container filter-active-men-trousers active selected">
                <div class="collection-name">
                    <a href="/collections/all/color-other" title="mens bottoms"><i class="check-icon"></i> mens bottoms</a>
                </div>
            </li>
        </ul>
        <a class="filter-clear" href="/collections/all/color-other">clear</a>
      </div>
    </div><a class="button clear-filters__button" href="/collections/men-trousers">CLEAR FILTERS</a>
    
</div>


      </div><div class="filter-group filter-group-sort-orders  pt-group-expanded ">
      <h4>Sort By</h4>
      <div class="scroll-content">
        <ul class="nav-sort-orders"><li class="active selected"><div class="collection-name"><a href="/collections/men-trousers/color-other">none</a></div></li><li class="active "><div class="collection-name"><a href="/collections/men-trousers/color-other?sort_by=price-ascending">price: low to high</a></div></li><li class="active "><div class="collection-name"><a href="/collections/men-trousers/color-other?sort_by=price-descending">price: high to low</a></div></li><li class="active "><div class="collection-name"><a href="/collections/men-trousers/color-other?sort_by=created-descending">newest</a></div></li><li class="active "><div class="collection-name"><a href="/collections/men-trousers/color-other?sort_by=best-selling">best selling</a></div></li></ul>
       </div>
    </div>
</div>
    <div class="page__grid-items"><div class="AjaxinateLoop">
<div class="page__grid-item  ">
  <a href="/collections/men-trousers/products/the-camp-short-in-brown-ripstop">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/campshort_rubber01_800x.jpg?v=1651587125"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/campshort_rubber08_800x.jpg?v=1651587125"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-trousers/products/the-camp-short-in-brown-ripstop"><div class="item__details-price"><span>145.00</span></div><div class="item__details-title">the camp short in brown ripstop</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">27&nbsp;28&nbsp;29&nbsp;30&nbsp;31&nbsp;32&nbsp;33&nbsp;34&nbsp;35&nbsp;36&nbsp;38</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-trousers/products/hencye-canvas-workpant">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/hencye-brown-03_800x.jpg?v=1636488452"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/hencye-brown-06_800x.jpg?v=1636488453"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-trousers/products/hencye-canvas-workpant"><div class="item__details-price"><span>195.00</span></div><div class="item__details-title">hencye canvas workpant in brown</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">27&nbsp;28&nbsp;29&nbsp;30&nbsp;31&nbsp;32&nbsp;33&nbsp;34&nbsp;35&nbsp;36&nbsp;38</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-trousers/products/camo-oliver-trouser">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/oliver-camo08_800x.jpg?v=1614027943"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/oliver-camo01_800x.jpg?v=1614027414"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-trousers/products/camo-oliver-trouser"><div class="item__details-price sale"><s>225.00</s>
          <span>165.00<span>SALE</span></span></div><div class="item__details-title">camo oliver military trouser</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">26&nbsp;27&nbsp;</div>
    </a>
  </section>
</div>
<div class="AjaxinatePagination">
            
          </div></div></div>
  </article>
</section>
<div id="shopify-section-product-beacon-onoff" class="shopify-section">
</div>

  </article>

  <!-- Site Footer --><footer class="main__foot">
  
    <div class="main__foot-newsletter">
      <div class="foot__newsletter-title">
        
        JOIN THE I+W MAILING LIST
      </div>
      <div class="foot__newsletter-form">
        
          <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
            
              <div class="input-group">
                <input
                  type="hidden"
                  name="contact[tags]"
                  value="newsletter"
                />
                <input
                  type="email"
                  value=""
                  
                  placeholder="your email address"
                  name="contact[email]"
                  id="Email"
                  class="input-group-field"
                  aria-label="email@example.com"
                  autocorrect="off"
                  autocapitalize="off"
                />
                <input
                  type="submit"
                  class="btn"
                  name="subscribe"
                  id="subscribe"
                  
                  value="submit"
                />
              </div>
            
          </form>
        
      </div>
    </div>
  
  <div class="main__foot-blocks">
    <div class="foot__blocks-menu">
      <nav class="footer__nav">
  <div class="footer__nav-links">
    
      <div class="nav__links-foot">
        <a href="/pages/help">help</a>
      </div>
    
      <div class="nav__links-foot">
        <a href="/pages/returns">returns</a>
      </div>
    
      <div class="nav__links-foot">
        <a href="/pages/contact">contact</a>
      </div>
    
      <div class="nav__links-foot">
        <a href="/pages/accessibility">accessibility</a>
      </div>
    
      <div class="nav__links-foot">
        <a href="/policies/terms-of-service">Terms of Service</a>
      </div>
    
      <div class="nav__links-foot">
        <a href="/policies/refund-policy">Refund policy</a>
      </div>
    
  </div>
</nav>

    </div>
    <div class="foot__blocks-social">
      <a targe="_blank" href="https://instagram.com/imogeneandwillie">
        <div class="blocks__social-link social__link-instagram"></div>
        <div class="blocks__social-link-g social__link-instagram-g"></div>
      </a>
      <a targe="_blank" href="https://www.facebook.com/imogeneandwillie">
        <div class="blocks__social-link social__link-facebook"></div>
        <div class="blocks__social-link-g social__link-facebook-g"></div>
      </a>
      
      <a targe="_blank" href="https://www.youtube.com/channel/UCStuL2Qd_NO2zFuD_hGHuRQ">
        <div class="blocks__social-link social__link-youtube"></div>
        <div class="blocks__social-link-g social__link-youtube-g"></div>
      </a>
      
      <a targe="_blank" href="https://imogeneandwillie.tumblr.com/">
        <div class="blocks__social-link social__link-tumblr"></div>
        <div class="blocks__social-link-g social__link-tumblr-g"></div>
      </a>
      <a targe="_blank" href="https://pinterest.com/imogenewillie">
        <div class="blocks__social-link social__link-pinterest"></div>
        <div class="blocks__social-link-g social__link-pinterest-g"></div>
      </a>
    </div>
    <a href="https://imogeneandwillie.com">
      <div class="foot__blocks-logo"></div>
    </a>
  </div>
</footer><!-- Mobile Navigation Overlay --><div class="mobile__nav-overlay"></div>
<!-- Site Scripts -->
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/vendor.js?v=179939521362296055701610562901" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/iwshopify.min.js?v=63500889826263471261610562836" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/24/assets/seed.js?v=165878794884428389171610562895" type="text/javascript"></script>

  
<script id="back-in-stock-helper">
  var _BISConfig = _BISConfig || {};


</script>


    <div id="shopify-section-product-beacon-onoff" class="shopify-section">
</div>
  <script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=Nppn7z"></script>
</body>
</html>


<script type="application/javascript"
  src="https://static-us.afterpay.com/javascript/present-afterpay.js"
>
</script>

<script>
  const apProductConfig = {
    'priceSelector': ".product__details-price > span",   // REQUIRED: set to the div
    'locale': 'en_US',            // REQUIRED: set to the locale for your site
    'afterpayLogoColor': 'color', // optional: set to use black or white logo
    'amount': null,          	// optional: set to item price or order total
    showUpperLimit: false, // don't tell the user the max value
  };

  window.addEventListener('load', () => {
	const product = null; // current page's product
	var lowercaseProductTitle = "";
	if(product) {
  	lowercaseProductTitle = product.title.toLowerCase();
	}
  
    if(product && !(lowercaseProductTitle.includes("gift card")))
      new presentAfterpay(apProductConfig).init();
  });
</script>

<style type="text/css">
  .afterpay-logo {
    width: 4em !important;
    height: auto !important;
  }
  .afterpay-paragraph {
  	font-size: 0.5em !important;
    color:#adadad !important;
    line-height: 19px !important;
    letter-spacing:1.5px;
    margin-top: 5px !important;
	margin-bottom: 0px !important;
	padding:5px 0 0 0 !important;
}

</style>
<!-- Begin Shopify-Afterpay JavaScript Snippet (v1.0.1) -->
<script type="text/javascript">
  // Liquid variables:
  var afterpay_product = null;
  var afterpay_product_variant = null;
  var afterpay_cart_total_price = 0;
</script>
<!-- End Shopify-Afterpay JavaScript Snippet (v1.0.1) -->

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-66500920-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-66500920-1');
</script>