willitsports.com Open in urlscan Pro
23.227.38.65  Public Scan

URL: https://willitsports.com/
Submission: On February 22 via api from US — Scanned from US

Form analysis 17 forms found in the DOM

POST /cart/add

<form method="post" action="/cart/add" accept-charset="UTF-8" class="product-form form initialized" enctype="multipart/form-data" novalidate="novalidate" data-product-id="7527154778286" data-product-handle="willit-mens-active-yoga-leggings"><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input hidden="" name="id" required="" value="42133514715310" data-selected-variant="">
  <div class="sf__pcard-image ">
    <div class="overflow-hidden cursor-pointer relative sf__image-box">
      <div class="flex justify-center items-center">
        <a href="/products/willit-mens-active-yoga-leggings" class="block w-full">

        <div class="spc__main-img">
          <div data-image-id="" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/Men_sYogaActiveLeggings-abh009-BlackCamo_1_{width}x.jpg?v=1698724367" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="Willit Men's Yoga Active Leggings_BlackCamo1" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/Men_sYogaActiveLeggings-abh009-BlackCamo_1_2048x2048.jpg?v=1698724367" alt="Willit Men's Yoga Active Leggings_BlackCamo1">
  </noscript>
</div>

        </div><div class="spc__hover-img">
            <div data-image-id="34868129693870" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/Men_sYogaActiveLeggings-abh009-Navy_1_{width}x.jpg?v=1698724367" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="Willit Men's Yoga Active Leggings_Navy1" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/Men_sYogaActiveLeggings-abh009-Navy_1_2048x2048.jpg?v=1698724367" alt="Willit Men's Yoga Active Leggings_Navy1">
  </noscript>
</div>

          </div>
  </a>
      </div>
      <div class="sf__pcard-action hidden md:block z-10">
        <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="willit-mens-active-yoga-leggings" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="willit-mens-active-yoga-leggings" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
              <path fill="currentColor"
                d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                class=""></path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="willit-mens-active-yoga-leggings" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
        </button>
      </div>
      <div class="sf__pcard-quick-add">
        <button class="sf-pqv__button sf__btn sf__btn-secondary sf__btn-white flex-grow" data-product-url="/products/willit-mens-active-yoga-leggings" data-product-handle="willit-mens-active-yoga-leggings">
          <span>Select options</span>
        </button>
      </div>
    </div>
  </div>
  <div class="sf__pcard-content text-left">
    <div class="mt-3 lg:mt-5">
      <div class="max-w-full w-full">
        <h3 class="block text-base">
          <a href="/products/willit-mens-active-yoga-leggings" class="block mb-[5px] leading-normal sf__pcard-name font-medium truncate-lines hover:text-color-secondary">
          Men's Yoga Active Leggings
        </a>
        </h3>
        <div class="sf-pcard__reviews">
        </div>
      </div>
      <div class="sf__pcard-price leading-normal">
        <div class="product-prices inline-flex items-center flex-wrap">
          <span class=" prod__price text-color-regular-price">$29.99</span>
          <span class="prod__compare_price ml-2 line-through text-color-secondary ">$45.00</span>
          <div class="text-sm product-prices__unit w-full hidden">
            <span class="visually-hidden visually-hidden--inline">Unit price</span>
            <div class="price-unit-price"><span data-unit-price=""></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit=""></span></div>
          </div>
        </div>
      </div>
      <div class="pcard-variant-option -mx-[5px] mt-3 flex flex-wrap items-center justify-start">
        <div class="inline-flex flex-wrap">
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center sf_variant-selected">
              <div data-selected="true" class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Navy Blue"
                style="background-color: rgb(42, 58, 87);">navy blue</div>
            </div>
            <span class="sf__tooltip-content capitalize">Navy Blue</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Black Camo"
                style="background-image: url(&quot;//willitsports.com/cdn/shop/t/10/assets/filter_color9.png?v=1452441390216490931698897123&quot;);">black camo</div>
            </div>
            <span class="sf__tooltip-content capitalize">Black Camo</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Steel Gray" style="background-color: rgb(135, 136, 139);">steel gray
              </div>
            </div>
            <span class="sf__tooltip-content capitalize">Steel Gray</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Greige" style="background-color: rgb(175, 159, 142);">greige</div>
            </div>
            <span class="sf__tooltip-content capitalize">Greige</span>
          </div>
          <div class="color-design rest-values sf-pqv__button" data-product-handle="willit-mens-active-yoga-leggings">
            <div class="sf__tooltip-item sf__tooltip-top">
              <span class="text-base">+4</span>
              <span class="sf__tooltip-content"> See 4 more option(s) </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="content-view-list mt-5 hidden">
      <div class="leading-7 text-color-secondary mb-4"> 75% Nylon, 25% Spandex elastic closure ADVANCED FABRIC - Advanced Skin Active Dry fabric efficiently... </div>
      <div class="flex items-start">
        <button class="sf-pqv__button quick-add sf__btn sf__btn-primary" data-product-handle="willit-mens-active-yoga-leggings">
          <span>Select options</span>
        </button>
        <div class="grid grid-cols-3 gap-2.5 ml-2.5">
          <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="willit-mens-active-yoga-leggings" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="willit-mens-active-yoga-leggings" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                <path fill="currentColor"
                  d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                  class=""></path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="willit-mens-active-yoga-leggings" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
          </button>
        </div>
      </div>
    </div>
  </div><input type="hidden" name="product-id" value="7527154778286"><input type="hidden" name="section-id" value="template--15693186465966__162251092958fcda7c">
</form>

POST /cart/add

<form method="post" action="/cart/add" accept-charset="UTF-8" class="product-form form initialized" enctype="multipart/form-data" novalidate="novalidate" data-product-id="7527914700974" data-product-handle="mens-cotton-yoga-sweatpants"><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input hidden="" name="id" required="" value="42136995627182" data-selected-variant="">
  <div class="sf__pcard-image ">
    <div class="overflow-hidden cursor-pointer relative sf__image-box">
      <div class="flex justify-center items-center">
        <a href="/products/mens-cotton-yoga-sweatpants" class="block w-full">

        <div class="spc__main-img">
          <div data-image-id="" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/abh028_25338b91-7793-494b-b9b5-5ea05158e493_{width}x.jpg?v=1703058783" data-widths="[180,360,534]" data-aspectratio="0.7206477732793523" data-sizes="auto" alt="" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/abh028_25338b91-7793-494b-b9b5-5ea05158e493_2048x2048.jpg?v=1703058783" alt="">
  </noscript>
</div>

        </div><div class="spc__hover-img">
            <div data-image-id="34963168329902" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/willit-mens-cotton-yoga-sweatpants-dark-gray_4_{width}x.jpg?v=1703058783" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="Willit Men's Cotton Yoga Sweatpants_DarkGray2" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/willit-mens-cotton-yoga-sweatpants-dark-gray_4_2048x2048.jpg?v=1703058783" alt="Willit Men's Cotton Yoga Sweatpants_DarkGray2">
  </noscript>
</div>

          </div>
  </a>
      </div>
      <div class="sf__pcard-action hidden md:block z-10">
        <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-cotton-yoga-sweatpants" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-cotton-yoga-sweatpants" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
              <path fill="currentColor"
                d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                class=""></path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-cotton-yoga-sweatpants" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
        </button>
      </div>
      <div class="sf__pcard-quick-add">
        <button class="sf-pqv__button sf__btn sf__btn-secondary sf__btn-white flex-grow" data-product-url="/products/mens-cotton-yoga-sweatpants" data-product-handle="mens-cotton-yoga-sweatpants">
          <span>Select options</span>
        </button>
      </div>
    </div>
  </div>
  <div class="sf__pcard-content text-left">
    <div class="mt-3 lg:mt-5">
      <div class="max-w-full w-full">
        <h3 class="block text-base">
          <a href="/products/mens-cotton-yoga-sweatpants" class="block mb-[5px] leading-normal sf__pcard-name font-medium truncate-lines hover:text-color-secondary">
          Men's Cotton Yoga Sweatpants
        </a>
        </h3>
        <div class="sf-pcard__reviews">
        </div>
      </div>
      <div class="sf__pcard-price leading-normal">
        <div class="product-prices inline-flex items-center flex-wrap">
          <span class=" prod__price text-color-regular-price">$35.99</span>
          <span class="prod__compare_price ml-2 line-through text-color-secondary ">$51.00</span>
          <div class="text-sm product-prices__unit w-full hidden">
            <span class="visually-hidden visually-hidden--inline">Unit price</span>
            <div class="price-unit-price"><span data-unit-price=""></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit=""></span></div>
          </div>
        </div>
      </div>
      <div class="pcard-variant-option -mx-[5px] mt-3 flex flex-wrap items-center justify-start">
        <div class="inline-flex flex-wrap">
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center sf_variant-selected">
              <div data-selected="true" class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Dark Gray"
                style="background-color: rgb(58, 59, 60);">dark gray</div>
            </div>
            <span class="sf__tooltip-content capitalize">Dark Gray</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Light Gray" style="background-color: rgb(214, 218, 219);">light gray
              </div>
            </div>
            <span class="sf__tooltip-content capitalize">Light Gray</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Khaki" style="background-color: rgb(206, 183, 160);">khaki</div>
            </div>
            <span class="sf__tooltip-content capitalize">Khaki</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Navy Blue" style="background-color: rgb(42, 58, 87);">navy blue</div>
            </div>
            <span class="sf__tooltip-content capitalize">Navy Blue</span>
          </div>
          <div class="color-design rest-values sf-pqv__button" data-product-handle="mens-cotton-yoga-sweatpants">
            <div class="sf__tooltip-item sf__tooltip-top">
              <span class="text-base">+5</span>
              <span class="sf__tooltip-content"> See 5 more option(s) </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="content-view-list mt-5 hidden">
      <div class="leading-7 text-color-secondary mb-4"> Solid Color: 92% Cotton, 8% Spandex; Heather: 55% Cotton, 39% Polyester, 6% Spandex Pull On... </div>
      <div class="flex items-start">
        <button class="sf-pqv__button quick-add sf__btn sf__btn-primary" data-product-handle="mens-cotton-yoga-sweatpants">
          <span>Select options</span>
        </button>
        <div class="grid grid-cols-3 gap-2.5 ml-2.5">
          <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-cotton-yoga-sweatpants" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-cotton-yoga-sweatpants" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                <path fill="currentColor"
                  d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                  class=""></path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-cotton-yoga-sweatpants" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
          </button>
        </div>
      </div>
    </div>
  </div><input type="hidden" name="product-id" value="7527914700974"><input type="hidden" name="section-id" value="template--15693186465966__162251092958fcda7c">
</form>

POST /cart/add

<form method="post" action="/cart/add" accept-charset="UTF-8" class="product-form form initialized" enctype="multipart/form-data" novalidate="novalidate" data-product-id="8054142501038" data-product-handle="womens-fleece-riding-pants"><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input hidden="" name="id" required="" value="44158589468846" data-selected-variant="">
  <div class="sf__pcard-image ">
    <div class="overflow-hidden cursor-pointer relative sf__image-box">
      <div class="flex justify-center items-center">
        <a href="/products/womens-fleece-riding-pants" class="block w-full">

        <div class="spc__main-img">
          <div data-image-id="" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/Women_sFleeceRidingPants-Gray_1_{width}x.jpg?v=1705977758" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1944,2000]" data-aspectratio="0.8" data-sizes="auto" alt="Women's Fleece Riding Pants_Gray_model3" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/Women_sFleeceRidingPants-Gray_1_2048x2048.jpg?v=1705977758" alt="Women's Fleece Riding Pants_Gray_model3">
  </noscript>
</div>

        </div><div class="spc__hover-img">
            <div data-image-id="34447453028526" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/Women_sFleeceRidingPants-Gray_4_{width}x.jpg?v=1705977758" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="Women's Fleece Riding Pants_Gray_model4" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/Women_sFleeceRidingPants-Gray_4_2048x2048.jpg?v=1705977758" alt="Women's Fleece Riding Pants_Gray_model4">
  </noscript>
</div>

          </div>
  </a>
      </div>
      <div class="sf__pcard-action hidden md:block z-10">
        <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="womens-fleece-riding-pants" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="womens-fleece-riding-pants" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
              <path fill="currentColor"
                d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                class=""></path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="womens-fleece-riding-pants" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
        </button>
      </div>
      <div class="sf__pcard-quick-add">
        <button class="sf-pqv__button sf__btn sf__btn-secondary sf__btn-white flex-grow" data-product-url="/products/womens-fleece-riding-pants" data-product-handle="womens-fleece-riding-pants">
          <span>Select options</span>
        </button>
      </div>
    </div>
  </div>
  <div class="sf__pcard-content text-left">
    <div class="mt-3 lg:mt-5">
      <div class="max-w-full w-full">
        <h3 class="block text-base">
          <a href="/products/womens-fleece-riding-pants" class="block mb-[5px] leading-normal sf__pcard-name font-medium truncate-lines hover:text-color-secondary">
          Women's Fleece Riding Pants
        </a>
        </h3>
        <div class="sf-pcard__reviews">
        </div>
      </div>
      <div class="sf__pcard-price leading-normal">
        <div class="product-prices inline-flex items-center flex-wrap">
          <span class=" prod__price text-color-regular-price">$39.99</span>
          <span class="prod__compare_price ml-2 line-through text-color-secondary ">$55.00</span>
          <div class="text-sm product-prices__unit w-full hidden">
            <span class="visually-hidden visually-hidden--inline">Unit price</span>
            <div class="price-unit-price"><span data-unit-price=""></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit=""></span></div>
          </div>
        </div>
      </div>
      <div class="pcard-variant-option -mx-[5px] mt-3 flex flex-wrap items-center justify-start">
        <div class="inline-flex flex-wrap">
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center sf_variant-selected">
              <div data-selected="true" class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Deep Gray"
                style="background-color: rgb(62, 64, 68);">deep gray</div>
            </div>
            <span class="sf__tooltip-content capitalize">Deep Gray</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Coffee" style="background-color: rgb(56, 40, 31);">coffee</div>
            </div>
            <span class="sf__tooltip-content capitalize">Coffee</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Black" style="background-color: rgb(0, 0, 0);">black</div>
            </div>
            <span class="sf__tooltip-content capitalize">Black</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Army Green" style="background-color: rgb(83, 88, 67);">army green</div>
            </div>
            <span class="sf__tooltip-content capitalize">Army Green</span>
          </div>
          <div class="color-design rest-values sf-pqv__button" data-product-handle="womens-fleece-riding-pants">
            <div class="sf__tooltip-item sf__tooltip-top">
              <span class="text-base">+1</span>
              <span class="sf__tooltip-content"> See 1 more option(s) </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="content-view-list mt-5 hidden">
      <div class="leading-7 text-color-secondary mb-4"> Fleece Lining: Soft fleece fabric for warmth and comfort.?Stretchy, breathable fabric wicks sweat to keep... </div>
      <div class="flex items-start">
        <button class="sf-pqv__button quick-add sf__btn sf__btn-primary" data-product-handle="womens-fleece-riding-pants">
          <span>Select options</span>
        </button>
        <div class="grid grid-cols-3 gap-2.5 ml-2.5">
          <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="womens-fleece-riding-pants" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="womens-fleece-riding-pants" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                <path fill="currentColor"
                  d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                  class=""></path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="womens-fleece-riding-pants" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
          </button>
        </div>
      </div>
    </div>
  </div><input type="hidden" name="product-id" value="8054142501038"><input type="hidden" name="section-id" value="template--15693186465966__162251092958fcda7c">
</form>

POST /cart/add

<form method="post" action="/cart/add" accept-charset="UTF-8" class="product-form form initialized" enctype="multipart/form-data" novalidate="novalidate" data-product-id="7924328792238" data-product-handle="mens-fleece-pullover-quarter-zip-sweaters">
  <input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input hidden="" name="id" required="" value="43771128217774" data-selected-variant="">
  <div class="sf__pcard-image ">
    <div class="overflow-hidden cursor-pointer relative sf__image-box">
      <div class="flex justify-center items-center">
        <a href="/products/mens-fleece-pullover-quarter-zip-sweaters" class="block w-full">

        <div class="spc__main-img">
          <div data-image-id="" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/products/03_a7d4cbab-b91f-4f8a-8158-c38608e0d135_{width}x.jpg?v=1695368737" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="Men's Fleece Quarter Zip Pullover_Black_model1" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/products/03_a7d4cbab-b91f-4f8a-8158-c38608e0d135_2048x2048.jpg?v=1695368737" alt="Men's Fleece Quarter Zip Pullover_Black_model1">
  </noscript>
</div>

        </div><div class="spc__hover-img">
            <div data-image-id="33474769420462" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/products/06_886a86c3-29c6-4362-a31d-9e14e682c165_{width}x.jpg?v=1695368737" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="Men's Fleece Quarter Zip Pullover_Black_model2" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/products/06_886a86c3-29c6-4362-a31d-9e14e682c165_2048x2048.jpg?v=1695368737" alt="Men's Fleece Quarter Zip Pullover_Black_model2">
  </noscript>
</div>

          </div>
  </a>
      </div>
      <div class="sf__pcard-action hidden md:block z-10">
        <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-fleece-pullover-quarter-zip-sweaters" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-fleece-pullover-quarter-zip-sweaters" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
              <path fill="currentColor"
                d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                class=""></path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-fleece-pullover-quarter-zip-sweaters" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
        </button>
      </div>
      <div class="sf__pcard-quick-add">
        <button class="sf-pqv__button sf__btn sf__btn-secondary sf__btn-white flex-grow" data-product-url="/products/mens-fleece-pullover-quarter-zip-sweaters" data-product-handle="mens-fleece-pullover-quarter-zip-sweaters">
          <span>Select options</span>
        </button>
      </div>
    </div>
  </div>
  <div class="sf__pcard-content text-left">
    <div class="mt-3 lg:mt-5">
      <div class="max-w-full w-full">
        <h3 class="block text-base">
          <a href="/products/mens-fleece-pullover-quarter-zip-sweaters" class="block mb-[5px] leading-normal sf__pcard-name font-medium truncate-lines hover:text-color-secondary">
          Men's Fleece Pullover Quarter Zip with Pockets
        </a>
        </h3>
        <div class="sf-pcard__reviews">
        </div>
      </div>
      <div class="sf__pcard-price leading-normal">
        <div class="product-prices inline-flex items-center flex-wrap">
          <span class=" prod__price text-color-regular-price">$39.00</span>
          <span class="prod__compare_price ml-2 line-through text-color-secondary ">$54.00</span>
          <div class="text-sm product-prices__unit w-full hidden">
            <span class="visually-hidden visually-hidden--inline">Unit price</span>
            <div class="price-unit-price"><span data-unit-price=""></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit=""></span></div>
          </div>
        </div>
      </div>
      <div class="pcard-variant-option -mx-[5px] mt-3 flex flex-wrap items-center justify-start">
        <div class="inline-flex flex-wrap">
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center sf_variant-selected">
              <div data-selected="true" class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Black" style="background-color: rgb(0, 0, 0);">
                black</div>
            </div>
            <span class="sf__tooltip-content capitalize">Black</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Navy" style="background-color: rgb(19, 49, 95);">navy</div>
            </div>
            <span class="sf__tooltip-content capitalize">Navy</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Milky Tea" style="background-color: rgb(175, 159, 142);">milky tea
              </div>
            </div>
            <span class="sf__tooltip-content capitalize">Milky Tea</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="White" style="background-color: rgb(255, 255, 255);">white</div>
            </div>
            <span class="sf__tooltip-content capitalize">White</span>
          </div>
          <div class="color-design rest-values sf-pqv__button" data-product-handle="mens-fleece-pullover-quarter-zip-sweaters">
            <div class="sf__tooltip-item sf__tooltip-top">
              <span class="text-base">+5</span>
              <span class="sf__tooltip-content"> See 5 more option(s) </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="content-view-list mt-5 hidden">
      <div class="leading-7 text-color-secondary mb-4"> Fleece-lined Zipper closure FLEECE WARMTH: soft and warm thermal fleece fabric keeps you warm and... </div>
      <div class="flex items-start">
        <button class="sf-pqv__button quick-add sf__btn sf__btn-primary" data-product-handle="mens-fleece-pullover-quarter-zip-sweaters">
          <span>Select options</span>
        </button>
        <div class="grid grid-cols-3 gap-2.5 ml-2.5">
          <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-fleece-pullover-quarter-zip-sweaters" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-fleece-pullover-quarter-zip-sweaters" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                <path fill="currentColor"
                  d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                  class=""></path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-fleece-pullover-quarter-zip-sweaters" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
          </button>
        </div>
      </div>
    </div>
  </div><input type="hidden" name="product-id" value="7924328792238"><input type="hidden" name="section-id" value="template--15693186465966__162251092958fcda7c">
</form>

POST /cart/add

<form method="post" action="/cart/add" accept-charset="UTF-8" class="product-form form initialized" enctype="multipart/form-data" novalidate="novalidate" data-product-id="8054202957998" data-product-handle="womens-thermal-bootcut-yoga-pants"><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input hidden="" name="id" required="" value="44158810849454" data-selected-variant="">
  <div class="sf__pcard-image ">
    <div class="overflow-hidden cursor-pointer relative sf__image-box">
      <div class="flex justify-center items-center">
        <a href="/products/womens-thermal-bootcut-yoga-pants" class="block w-full">

        <div class="spc__main-img">
          <div data-image-id="" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/Women_sThermalBootcutYogaPants-BlackCamo_4_880b4d3a-02a4-4493-94ec-1c959606369e_{width}x.jpg?v=1704449163" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/Women_sThermalBootcutYogaPants-BlackCamo_4_880b4d3a-02a4-4493-94ec-1c959606369e_2048x2048.jpg?v=1704449163" alt="">
  </noscript>
</div>

        </div><div class="spc__hover-img">
            <div data-image-id="34447959654574" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/Women_sThermalBootcutYogaPants-Black_1_{width}x.jpg?v=1704449163" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1944,2000]" data-aspectratio="0.8" data-sizes="auto" alt="Women's Fleece Lined Bootcut Yoga Pants_Black_model3" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/Women_sThermalBootcutYogaPants-Black_1_2048x2048.jpg?v=1704449163" alt="Women's Fleece Lined Bootcut Yoga Pants_Black_model3">
  </noscript>
</div>

          </div>
  </a>
      </div>
      <div class="sf__pcard-action hidden md:block z-10">
        <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="womens-thermal-bootcut-yoga-pants" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="womens-thermal-bootcut-yoga-pants" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
              <path fill="currentColor"
                d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                class=""></path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="womens-thermal-bootcut-yoga-pants" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
        </button>
      </div>
      <div class="sf__pcard-quick-add">
        <button class="sf-pqv__button sf__btn sf__btn-secondary sf__btn-white flex-grow" data-product-url="/products/womens-thermal-bootcut-yoga-pants" data-product-handle="womens-thermal-bootcut-yoga-pants">
          <span>Select options</span>
        </button>
      </div>
    </div>
  </div>
  <div class="sf__pcard-content text-left">
    <div class="mt-3 lg:mt-5">
      <div class="max-w-full w-full">
        <h3 class="block text-base">
          <a href="/products/womens-thermal-bootcut-yoga-pants" class="block mb-[5px] leading-normal sf__pcard-name font-medium truncate-lines hover:text-color-secondary">
          Women's Thermal Bootcut Yoga Pants
        </a>
        </h3>
        <div class="sf-pcard__reviews">
        </div>
      </div>
      <div class="sf__pcard-price leading-normal">
        <div class="product-prices inline-flex items-center flex-wrap">
          <span class=" prod__price text-color-regular-price">$36.99</span>
          <span class="prod__compare_price ml-2 line-through text-color-secondary ">$52.00</span>
          <div class="text-sm product-prices__unit w-full hidden">
            <span class="visually-hidden visually-hidden--inline">Unit price</span>
            <div class="price-unit-price"><span data-unit-price=""></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit=""></span></div>
          </div>
        </div>
      </div>
      <div class="pcard-variant-option -mx-[5px] mt-3 flex flex-wrap items-center justify-start">
        <div class="inline-flex flex-wrap">
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center sf_variant-selected">
              <div data-selected="true" class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Blue"
                style="background-color: rgb(125, 217, 242);">blue</div>
            </div>
            <span class="sf__tooltip-content capitalize">Blue</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Black" style="background-color: rgb(0, 0, 0);">black</div>
            </div>
            <span class="sf__tooltip-content capitalize">Black</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Deep Purple" style="background-color: rgb(98, 45, 73);">deep purple
              </div>
            </div>
            <span class="sf__tooltip-content capitalize">Deep Purple</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Dim Gray" style="background-color: rgb(96, 99, 98);">dim gray</div>
            </div>
            <span class="sf__tooltip-content capitalize">Dim Gray</span>
          </div>
          <div class="color-design rest-values sf-pqv__button" data-product-handle="womens-thermal-bootcut-yoga-pants">
            <div class="sf__tooltip-item sf__tooltip-top">
              <span class="text-base">+8</span>
              <span class="sf__tooltip-content"> See 8 more option(s) </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="content-view-list mt-5 hidden">
      <div class="leading-7 text-color-secondary mb-4"> 87% polyester, 13% spandex Fleece Lined, Water Resistant: Buttery soft fleece fabric keeps you warm... </div>
      <div class="flex items-start">
        <button class="sf-pqv__button quick-add sf__btn sf__btn-primary" data-product-handle="womens-thermal-bootcut-yoga-pants">
          <span>Select options</span>
        </button>
        <div class="grid grid-cols-3 gap-2.5 ml-2.5">
          <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="womens-thermal-bootcut-yoga-pants" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="womens-thermal-bootcut-yoga-pants" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                <path fill="currentColor"
                  d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                  class=""></path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="womens-thermal-bootcut-yoga-pants" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
          </button>
        </div>
      </div>
    </div>
  </div><input type="hidden" name="product-id" value="8054202957998"><input type="hidden" name="section-id" value="template--15693186465966__162251092958fcda7c">
</form>

POST /cart/add

<form method="post" action="/cart/add" accept-charset="UTF-8" class="product-form form initialized" enctype="multipart/form-data" novalidate="novalidate" data-product-id="8165109596334" data-product-handle="mens-thermal-running-tights"><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input hidden="" name="id" required="" value="44484785864878" data-selected-variant="">
  <div class="sf__pcard-image ">
    <div class="overflow-hidden cursor-pointer relative sf__image-box">
      <div class="flex justify-center items-center">
        <a href="/products/mens-thermal-running-tights" class="block w-full">

        <div class="spc__main-img">
          <div data-image-id="" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/WillitMen_sThermalRunningTights_Olive_1_{width}x.jpg?v=1703227828" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/WillitMen_sThermalRunningTights_Olive_1_2048x2048.jpg?v=1703227828" alt="">
  </noscript>
</div>

        </div><div class="spc__hover-img">
            <div data-image-id="35169913012398" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/WillitMen_sThermalRunningTights_Olive_8_{width}x.jpg?v=1703227970" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.72" data-sizes="auto" alt="Men's Thermal Running Tights" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/WillitMen_sThermalRunningTights_Olive_8_2048x2048.jpg?v=1703227970" alt="Men's Thermal Running Tights">
  </noscript>
</div>

          </div>
  </a>
      </div>
      <div class="sf__pcard-action hidden md:block z-10">
        <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-thermal-running-tights" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-thermal-running-tights" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
              <path fill="currentColor"
                d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                class=""></path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-thermal-running-tights" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
        </button>
      </div>
      <div class="sf__pcard-quick-add">
        <button class="sf-pqv__button sf__btn sf__btn-secondary sf__btn-white flex-grow" data-product-url="/products/mens-thermal-running-tights" data-product-handle="mens-thermal-running-tights">
          <span>Select options</span>
        </button>
      </div>
    </div>
  </div>
  <div class="sf__pcard-content text-left">
    <div class="mt-3 lg:mt-5">
      <div class="max-w-full w-full">
        <h3 class="block text-base">
          <a href="/products/mens-thermal-running-tights" class="block mb-[5px] leading-normal sf__pcard-name font-medium truncate-lines hover:text-color-secondary">
          Men's Thermal Running Tights
        </a>
        </h3>
        <div class="sf-pcard__reviews">
        </div>
      </div>
      <div class="sf__pcard-price leading-normal">
        <div class="product-prices inline-flex items-center flex-wrap">
          <span class=" prod__price text-color-regular-price">$35.99</span>
          <span class="prod__compare_price ml-2 line-through text-color-secondary ">$50.00</span>
          <div class="text-sm product-prices__unit w-full hidden">
            <span class="visually-hidden visually-hidden--inline">Unit price</span>
            <div class="price-unit-price"><span data-unit-price=""></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit=""></span></div>
          </div>
        </div>
      </div>
      <div class="pcard-variant-option -mx-[5px] mt-3 flex flex-wrap items-center justify-start">
        <div class="inline-flex flex-wrap">
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center sf_variant-selected">
              <div data-selected="true" class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Olive" style="background-color: rgb(60, 64, 54);">
                olive</div>
            </div>
            <span class="sf__tooltip-content capitalize">Olive</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Black" style="background-color: rgb(0, 0, 0);">black</div>
            </div>
            <span class="sf__tooltip-content capitalize">Black</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Gray" style="background-color: rgb(58, 59, 60);">gray</div>
            </div>
            <span class="sf__tooltip-content capitalize">Gray</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Greige" style="background-color: rgb(175, 159, 142);">greige</div>
            </div>
            <span class="sf__tooltip-content capitalize">Greige</span>
          </div>
          <div class="color-design rest-values sf-pqv__button" data-product-handle="mens-thermal-running-tights">
            <div class="sf__tooltip-item sf__tooltip-top">
              <span class="text-base">+1</span>
              <span class="sf__tooltip-content"> See 1 more option(s) </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="content-view-list mt-5 hidden">
      <div class="leading-7 text-color-secondary mb-4"> Zippered Cuffs: Smooth and durable zips at ankle help you take these men fleece leggings... </div>
      <div class="flex items-start">
        <button class="sf-pqv__button quick-add sf__btn sf__btn-primary" data-product-handle="mens-thermal-running-tights">
          <span>Select options</span>
        </button>
        <div class="grid grid-cols-3 gap-2.5 ml-2.5">
          <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-thermal-running-tights" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-thermal-running-tights" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                <path fill="currentColor"
                  d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                  class=""></path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-thermal-running-tights" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
          </button>
        </div>
      </div>
    </div>
  </div><input type="hidden" name="product-id" value="8165109596334"><input type="hidden" name="section-id" value="template--15693186465966__162251092958fcda7c">
</form>

POST /cart/add

<form method="post" action="/cart/add" accept-charset="UTF-8" class="product-form form initialized" enctype="multipart/form-data" novalidate="novalidate" data-product-id="7716320411822" data-product-handle="mens-cotton-yoga-balance-sweatpants"><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input hidden="" name="id" required="" value="43059914178734" data-selected-variant="">
  <div class="sf__pcard-image ">
    <div class="overflow-hidden cursor-pointer relative sf__image-box">
      <div class="flex justify-center items-center">
        <a href="/products/mens-cotton-yoga-balance-sweatpants" class="block w-full">

        <div class="spc__main-img">
          <div data-image-id="" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/Men_s-Cotton-Yoga-Balance-Sweatpants-Black_1_{width}x.jpg?v=1700017956" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="Men's Cotton Yoga Balance Sweatpants_Black_model1" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/Men_s-Cotton-Yoga-Balance-Sweatpants-Black_1_2048x2048.jpg?v=1700017956" alt="Men's Cotton Yoga Balance Sweatpants_Black_model1">
  </noscript>
</div>

        </div><div class="spc__hover-img">
            <div data-image-id="34963204210862" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/Men_s-Cotton-Yoga-Balance-Sweatpants-Black_5_{width}x.jpg?v=1700018309" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="Men's Cotton Yoga Balance Sweatpants_Black_model2" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/Men_s-Cotton-Yoga-Balance-Sweatpants-Black_5_2048x2048.jpg?v=1700018309" alt="Men's Cotton Yoga Balance Sweatpants_Black_model2">
  </noscript>
</div>

          </div>
  </a>
      </div>
      <div class="sf__pcard-action hidden md:block z-10">
        <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-cotton-yoga-balance-sweatpants" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-cotton-yoga-balance-sweatpants" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
              <path fill="currentColor"
                d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                class=""></path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-cotton-yoga-balance-sweatpants" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
        </button>
      </div>
      <div class="sf__pcard-quick-add">
        <button class="sf-pqv__button sf__btn sf__btn-secondary sf__btn-white flex-grow" data-product-url="/products/mens-cotton-yoga-balance-sweatpants" data-product-handle="mens-cotton-yoga-balance-sweatpants">
          <span>Select options</span>
        </button>
      </div>
    </div>
  </div>
  <div class="sf__pcard-content text-left">
    <div class="mt-3 lg:mt-5">
      <div class="max-w-full w-full">
        <h3 class="block text-base">
          <a href="/products/mens-cotton-yoga-balance-sweatpants" class="block mb-[5px] leading-normal sf__pcard-name font-medium truncate-lines hover:text-color-secondary">
          Men's Cotton Yoga Balance Sweatpants
        </a>
        </h3>
        <div class="sf-pcard__reviews">
        </div>
      </div>
      <div class="sf__pcard-price leading-normal">
        <div class="product-prices inline-flex items-center flex-wrap">
          <span class=" prod__price text-color-regular-price">$39.99</span>
          <span class="prod__compare_price ml-2 line-through text-color-secondary ">$55.00</span>
          <div class="text-sm product-prices__unit w-full hidden">
            <span class="visually-hidden visually-hidden--inline">Unit price</span>
            <div class="price-unit-price"><span data-unit-price=""></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit=""></span></div>
          </div>
        </div>
      </div>
      <div class="pcard-variant-option -mx-[5px] mt-3 flex flex-wrap items-center justify-start">
        <div class="inline-flex flex-wrap">
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center sf_variant-selected">
              <div data-selected="true" class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Black" style="background-color: rgb(0, 0, 0);">
                black</div>
            </div>
            <span class="sf__tooltip-content capitalize">Black</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Bluish Violet" style="background-color: rgb(102, 98, 140);">bluish
                violet</div>
            </div>
            <span class="sf__tooltip-content capitalize">Bluish Violet</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Deep Gray" style="background-color: rgb(62, 64, 68);">deep gray</div>
            </div>
            <span class="sf__tooltip-content capitalize">Deep Gray</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Gray" style="background-color: rgb(58, 59, 60);">gray</div>
            </div>
            <span class="sf__tooltip-content capitalize">Gray</span>
          </div>
          <div class="color-design rest-values sf-pqv__button" data-product-handle="mens-cotton-yoga-balance-sweatpants">
            <div class="sf__tooltip-item sf__tooltip-top">
              <span class="text-base">+7</span>
              <span class="sf__tooltip-content"> See 7 more option(s) </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="content-view-list mt-5 hidden">
      <div class="leading-7 text-color-secondary mb-4"> Solid Color: 92% Cotton, 8% Spandex; Heather: 55% Cotton, 39% Polyester, 6% Spandex elastic closure... </div>
      <div class="flex items-start">
        <button class="sf-pqv__button quick-add sf__btn sf__btn-primary" data-product-handle="mens-cotton-yoga-balance-sweatpants">
          <span>Select options</span>
        </button>
        <div class="grid grid-cols-3 gap-2.5 ml-2.5">
          <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-cotton-yoga-balance-sweatpants" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-cotton-yoga-balance-sweatpants" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                <path fill="currentColor"
                  d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                  class=""></path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-cotton-yoga-balance-sweatpants" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
          </button>
        </div>
      </div>
    </div>
  </div><input type="hidden" name="product-id" value="7716320411822"><input type="hidden" name="section-id" value="template--15693186465966__162251092958fcda7c">
</form>

POST /cart/add

<form method="post" action="/cart/add" accept-charset="UTF-8" class="product-form form initialized" enctype="multipart/form-data" novalidate="novalidate" data-product-id="7526458687662" data-product-handle="willit-mens-fleece-pullover-quarter-zip">
  <input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input hidden="" name="id" required="" value="42129280663726" data-selected-variant="">
  <div class="sf__pcard-image ">
    <div class="overflow-hidden cursor-pointer relative sf__image-box">
      <div class="flex justify-center items-center">
        <a href="/products/willit-mens-fleece-pullover-quarter-zip" class="block w-full">

        <div class="spc__main-img">
          <div data-image-id="" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/products/03_c54cd557-5de2-49a1-ad7e-45db22ff6e92_{width}x.jpg?v=1694136523" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="Willit Men's Fleece Pullover Lightweight Sportswear_Laydown_Blue1" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/products/03_c54cd557-5de2-49a1-ad7e-45db22ff6e92_2048x2048.jpg?v=1694136523" alt="Willit Men's Fleece Pullover Lightweight Sportswear_Laydown_Blue1">
  </noscript>
</div>

        </div><div class="spc__hover-img">
            <div data-image-id="31653642272942" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/products/04_fa95ab76-3146-4799-83c1-2b378616aa48_{width}x.jpg?v=1694136523" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="Willit Men's Fleece Pullover Lightweight Sportswear_Laydown_Blue2" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/products/04_fa95ab76-3146-4799-83c1-2b378616aa48_2048x2048.jpg?v=1694136523" alt="Willit Men's Fleece Pullover Lightweight Sportswear_Laydown_Blue2">
  </noscript>
</div>

          </div>
  </a>
      </div>
      <div class="sf__pcard-action hidden md:block z-10">
        <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="willit-mens-fleece-pullover-quarter-zip" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="willit-mens-fleece-pullover-quarter-zip" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
              <path fill="currentColor"
                d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                class=""></path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="willit-mens-fleece-pullover-quarter-zip" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
        </button>
      </div>
      <div class="sf__pcard-quick-add">
        <button class="sf-pqv__button sf__btn sf__btn-secondary sf__btn-white flex-grow" data-product-url="/products/willit-mens-fleece-pullover-quarter-zip" data-product-handle="willit-mens-fleece-pullover-quarter-zip">
          <span>Select options</span>
        </button>
      </div>
    </div>
  </div>
  <div class="sf__pcard-content text-left">
    <div class="mt-3 lg:mt-5">
      <div class="max-w-full w-full">
        <h3 class="block text-base">
          <a href="/products/willit-mens-fleece-pullover-quarter-zip" class="block mb-[5px] leading-normal sf__pcard-name font-medium truncate-lines hover:text-color-secondary">
          Men's Fleece Pullover Quarter Zip
        </a>
        </h3>
        <div class="sf-pcard__reviews">
        </div>
      </div>
      <div class="sf__pcard-price leading-normal">
        <div class="product-prices inline-flex items-center flex-wrap">
          <span class=" prod__price text-color-regular-price">$39.00</span>
          <span class="prod__compare_price ml-2 line-through text-color-secondary ">$54.00</span>
          <div class="text-sm product-prices__unit w-full hidden">
            <span class="visually-hidden visually-hidden--inline">Unit price</span>
            <div class="price-unit-price"><span data-unit-price=""></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit=""></span></div>
          </div>
        </div>
      </div>
      <div class="pcard-variant-option -mx-[5px] mt-3 flex flex-wrap items-center justify-start">
        <div class="inline-flex flex-wrap">
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center sf_variant-selected">
              <div data-selected="true" class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Blue"
                style="background-color: rgb(125, 217, 242);">blue</div>
            </div>
            <span class="sf__tooltip-content capitalize">Blue</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="White" style="background-color: rgb(255, 255, 255);">white</div>
            </div>
            <span class="sf__tooltip-content capitalize">White</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Navy Blue" style="background-color: rgb(42, 58, 87);">navy blue</div>
            </div>
            <span class="sf__tooltip-content capitalize">Navy Blue</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Black" style="background-color: rgb(0, 0, 0);">black</div>
            </div>
            <span class="sf__tooltip-content capitalize">Black</span>
          </div>
          <div class="color-design rest-values sf-pqv__button" data-product-handle="willit-mens-fleece-pullover-quarter-zip">
            <div class="sf__tooltip-item sf__tooltip-top">
              <span class="text-base">+9</span>
              <span class="sf__tooltip-content"> See 9 more option(s) </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="content-view-list mt-5 hidden">
      <div class="leading-7 text-color-secondary mb-4"> Fleece Imported Zipper closure FLEECE WARMTH: Soft, midweight fleece fabric keeps you warm and delivers... </div>
      <div class="flex items-start">
        <button class="sf-pqv__button quick-add sf__btn sf__btn-primary" data-product-handle="willit-mens-fleece-pullover-quarter-zip">
          <span>Select options</span>
        </button>
        <div class="grid grid-cols-3 gap-2.5 ml-2.5">
          <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="willit-mens-fleece-pullover-quarter-zip" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="willit-mens-fleece-pullover-quarter-zip" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                <path fill="currentColor"
                  d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                  class=""></path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="willit-mens-fleece-pullover-quarter-zip" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
          </button>
        </div>
      </div>
    </div>
  </div><input type="hidden" name="product-id" value="7526458687662"><input type="hidden" name="section-id" value="template--15693186465966__162251092958fcda7c">
</form>

POST /cart/add

<form method="post" action="/cart/add" accept-charset="UTF-8" class="product-form form initialized" enctype="multipart/form-data" novalidate="novalidate" data-product-id="7596982010030" data-product-handle="mens-sun-long-sleeve-shirts-with-hood">
  <input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input hidden="" name="id" required="" value="42415938371758" data-selected-variant="">
  <div class="sf__pcard-image ">
    <div class="overflow-hidden cursor-pointer relative sf__image-box">
      <div class="flex justify-center items-center">
        <a href="/products/mens-sun-long-sleeve-shirts-with-hood" class="block w-full" data-usb-rendered="true">

        <div class="spc__main-img">
          <div data-image-id="" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/Men_sSunProtectionLongSleeveShirtswithHood-BrilliantBlue_1_{width}x.jpg?v=1697164809" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="Men's Sun Protection Long Sleeve Shirts Hoodie_BrilliantBlue1" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/Men_sSunProtectionLongSleeveShirtswithHood-BrilliantBlue_1_2048x2048.jpg?v=1697164809" alt="Men's Sun Protection Long Sleeve Shirts Hoodie_BrilliantBlue1">
  </noscript>
</div>

        </div><div class="spc__hover-img">
            <div data-image-id="34752463995054" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/Men_sSunProtectionLongSleeveShirtswithHood-BrilliantBlue_2_{width}x.jpg?v=1697164809" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="Men's Sun Protection Long Sleeve Shirts Hoodie_BrilliantBlue2" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/Men_sSunProtectionLongSleeveShirtswithHood-BrilliantBlue_2_2048x2048.jpg?v=1697164809" alt="Men's Sun Protection Long Sleeve Shirts Hoodie_BrilliantBlue2">
  </noscript>
</div>

          </div>
  <div class="htusb-ui-coll-boost htusb-ui-coll-boost--top-right htusb-ui-shape--square htusb-ui-fade-in image-overlay--product-collection" style="--text-color: #292323; --font-family: inherit; --font-size-desktop: 12px; --font-size-mobile: 9px; --gradient-color-start: #ffd361; --gradient-color-end: #66ffda; --z-index: 100; opacity: 1; height: fit-content;"><div class="htusb-ui-coll-text"><div class="htusb-ui-coll-text_msg">UPF 50+</div></div></div></a>
      </div>
      <div class="sf__pcard-action hidden md:block z-10">
        <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-sun-long-sleeve-shirts-with-hood" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-sun-long-sleeve-shirts-with-hood" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
              <path fill="currentColor"
                d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                class=""></path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="mens-sun-long-sleeve-shirts-with-hood" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
        </button>
      </div>
      <div class="sf__pcard-quick-add">
        <button class="sf-pqv__button sf__btn sf__btn-secondary sf__btn-white flex-grow" data-product-url="/products/mens-sun-long-sleeve-shirts-with-hood" data-product-handle="mens-sun-long-sleeve-shirts-with-hood">
          <span>Select options</span>
        </button>
      </div>
    </div>
  </div>
  <div class="sf__pcard-content text-left">
    <div class="mt-3 lg:mt-5">
      <div class="max-w-full w-full">
        <h3 class="block text-base">
          <a href="/products/mens-sun-long-sleeve-shirts-with-hood" class="block mb-[5px] leading-normal sf__pcard-name font-medium truncate-lines hover:text-color-secondary">
          Men's Sun Protection Long Sleeve Shirts with Hood
        </a>
        </h3>
        <div class="sf-pcard__reviews">
        </div>
      </div>
      <div class="sf__pcard-price leading-normal">
        <div class="product-prices inline-flex items-center flex-wrap">
          <span class=" prod__price text-color-regular-price">$26.99</span>
          <span class="prod__compare_price ml-2 line-through text-color-secondary ">$42.00</span>
          <div class="text-sm product-prices__unit w-full hidden">
            <span class="visually-hidden visually-hidden--inline">Unit price</span>
            <div class="price-unit-price"><span data-unit-price=""></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit=""></span></div>
          </div>
        </div>
      </div>
      <div class="pcard-variant-option -mx-[5px] mt-3 flex flex-wrap items-center justify-start">
        <div class="inline-flex flex-wrap">
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center sf_variant-selected">
              <div data-selected="true" class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Brilliant Blue"
                style="background-color: rgb(66, 137, 220);">brilliant blue</div>
            </div>
            <span class="sf__tooltip-content capitalize">Brilliant Blue</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="White" style="background-color: rgb(255, 255, 255);">white</div>
            </div>
            <span class="sf__tooltip-content capitalize">White</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Navy Blue" style="background-color: rgb(42, 58, 87);">navy blue</div>
            </div>
            <span class="sf__tooltip-content capitalize">Navy Blue</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Orange" style="background-color: rgb(255, 179, 71);">orange</div>
            </div>
            <span class="sf__tooltip-content capitalize">Orange</span>
          </div>
          <div class="color-design rest-values sf-pqv__button" data-product-handle="mens-sun-long-sleeve-shirts-with-hood">
            <div class="sf__tooltip-item sf__tooltip-top">
              <span class="text-base">+10</span>
              <span class="sf__tooltip-content"> See 10 more option(s) </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="content-view-list mt-5 hidden">
      <div class="leading-7 text-color-secondary mb-4"> With?moisture-wicking technology?and?UPF 50+ protection against UV rays, this sun shirt shields against harmful UV rays... </div>
      <div class="flex items-start">
        <button class="sf-pqv__button quick-add sf__btn sf__btn-primary" data-product-handle="mens-sun-long-sleeve-shirts-with-hood">
          <span>Select options</span>
        </button>
        <div class="grid grid-cols-3 gap-2.5 ml-2.5">
          <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-sun-long-sleeve-shirts-with-hood" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-sun-long-sleeve-shirts-with-hood" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                <path fill="currentColor"
                  d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                  class=""></path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="mens-sun-long-sleeve-shirts-with-hood" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
          </button>
        </div>
      </div>
    </div>
  </div><input type="hidden" name="product-id" value="7596982010030"><input type="hidden" name="section-id" value="template--15693186465966__162251092958fcda7c">
</form>

POST /cart/add

<form method="post" action="/cart/add" accept-charset="UTF-8" class="product-form form initialized" enctype="multipart/form-data" novalidate="novalidate" data-product-id="7526338986158" data-product-handle="willit-mens-sun-shirt-hoodie-pocket"><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input hidden="" name="id" required="" value="42389119107246" data-selected-variant="">
  <div class="sf__pcard-image ">
    <div class="overflow-hidden cursor-pointer relative sf__image-box">
      <div class="flex justify-center items-center">
        <a href="/products/willit-mens-sun-shirt-hoodie-pocket" class="block w-full" data-usb-rendered="true">

        <div class="spc__main-img">
          <div data-image-id="" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/Willit-Men_s-Running-Su-Shirts-Orange_1_{width}x.jpg?v=1700460094" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="Men's Sun Protection Long Sleeve Shirts_Orange_model1" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/Willit-Men_s-Running-Su-Shirts-Orange_1_2048x2048.jpg?v=1700460094" alt="Men's Sun Protection Long Sleeve Shirts_Orange_model1">
  </noscript>
</div>

        </div><div class="spc__hover-img">
            <div data-image-id="34991918547118" class="sf-image " data-image-wrapper="" data-image-loading="" style="--aspect-ratio: 3/4;">
  <img class="lazyload se-out w-full h-full" data-src="//willitsports.com/cdn/shop/files/Willit-Men_s-Running-Su-Shirts-Orange_4_{width}x.jpg?v=1700460130" data-widths="[180,360,540,720,900,1080,1296,1512,1728,1800]" data-aspectratio="0.75" data-sizes="auto" alt="Men's Sun Protection Long Sleeve Shirts_Orange_model2" data-image="">
  <noscript>
    <img class="se-out w-full h-full" src="//willitsports.com/cdn/shop/files/Willit-Men_s-Running-Su-Shirts-Orange_4_2048x2048.jpg?v=1700460130" alt="Men's Sun Protection Long Sleeve Shirts_Orange_model2">
  </noscript>
</div>

          </div>
  <div class="htusb-ui-coll-boost htusb-ui-coll-boost--top-right htusb-ui-shape--square htusb-ui-fade-in image-overlay--product-collection" style="--text-color: #292323; --font-family: inherit; --font-size-desktop: 12px; --font-size-mobile: 9px; --gradient-color-start: #ffd361; --gradient-color-end: #66ffda; --z-index: 100; opacity: 1; height: fit-content;"><div class="htusb-ui-coll-text"><div class="htusb-ui-coll-text_msg">UPF 50+</div></div></div></a>
      </div>
      <div class="sf__pcard-action hidden md:block z-10">
        <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="willit-mens-sun-shirt-hoodie-pocket" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="willit-mens-sun-shirt-hoodie-pocket" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
              <path fill="currentColor"
                d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                class=""></path>
            </svg>
          </span>
          <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
        </button>
        <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-left
 sf__tooltip-style-1" data-product-handle="willit-mens-sun-shirt-hoodie-pocket" type="button">
          <span class="sf__tooltip-icon block">
            <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
              <path
                d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
              </path>
            </svg>
          </span>
          <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
        </button>
      </div>
      <div class="sf__pcard-quick-add">
        <button class="sf-pqv__button sf__btn sf__btn-secondary sf__btn-white flex-grow" data-product-url="/products/willit-mens-sun-shirt-hoodie-pocket" data-product-handle="willit-mens-sun-shirt-hoodie-pocket">
          <span>Select options</span>
        </button>
      </div>
    </div>
  </div>
  <div class="sf__pcard-content text-left">
    <div class="mt-3 lg:mt-5">
      <div class="max-w-full w-full">
        <h3 class="block text-base">
          <a href="/products/willit-mens-sun-shirt-hoodie-pocket" class="block mb-[5px] leading-normal sf__pcard-name font-medium truncate-lines hover:text-color-secondary">
          Men's Sun Protection Long Sleeve Shirts with Pocket
        </a>
        </h3>
        <div class="sf-pcard__reviews">
        </div>
      </div>
      <div class="sf__pcard-price leading-normal">
        <div class="product-prices inline-flex items-center flex-wrap">
          <span class=" prod__price text-color-regular-price">$29.99</span>
          <span class="prod__compare_price ml-2 line-through text-color-secondary ">$45.00</span>
          <div class="text-sm product-prices__unit w-full hidden">
            <span class="visually-hidden visually-hidden--inline">Unit price</span>
            <div class="price-unit-price"><span data-unit-price=""></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit=""></span></div>
          </div>
        </div>
      </div>
      <div class="pcard-variant-option -mx-[5px] mt-3 flex flex-wrap items-center justify-start">
        <div class="inline-flex flex-wrap">
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center sf_variant-selected">
              <div data-selected="true" class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Orange"
                style="background-color: rgb(255, 179, 71);">orange</div>
            </div>
            <span class="sf__tooltip-content capitalize">Orange</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="White" style="background-color: rgb(255, 255, 255);">white</div>
            </div>
            <span class="sf__tooltip-content capitalize">White</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Brilliant Blue" style="background-color: rgb(66, 137, 220);">brilliant
                blue</div>
            </div>
            <span class="sf__tooltip-content capitalize">Brilliant Blue</span>
          </div>
          <div class="sf__tooltip-item sf__tooltip-top">
            <div class="sf__variant-swatch flex justify-center items-center">
              <div class="product-option-item flex items-center justify-center cursor-pointer text-white has-bg-img" data-option-position="1" data-option-type="color" data-value="Ocean Blue" style="background-color: rgb(1, 95, 181);">ocean blue</div>
            </div>
            <span class="sf__tooltip-content capitalize">Ocean Blue</span>
          </div>
          <div class="color-design rest-values sf-pqv__button" data-product-handle="willit-mens-sun-shirt-hoodie-pocket">
            <div class="sf__tooltip-item sf__tooltip-top">
              <span class="text-base">+6</span>
              <span class="sf__tooltip-content"> See 6 more option(s) </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="content-view-list mt-5 hidden">
      <div class="leading-7 text-color-secondary mb-4"> ? 100% Polyester ? Imported ? Machine Wash ? KEEPS YOU COMFORTABLE AND DRY: Silky... </div>
      <div class="flex items-start">
        <button class="sf-pqv__button quick-add sf__btn sf__btn-primary" data-product-handle="willit-mens-sun-shirt-hoodie-pocket">
          <span>Select options</span>
        </button>
        <div class="grid grid-cols-3 gap-2.5 ml-2.5">
          <button class="sf__tooltip-item sf__btn-icon sf-wishlist__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="willit-mens-sun-shirt-hoodie-pocket" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-wishlist__button-content" data-revert-text="Remove from wishlist"> Add to wishlist </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-prod-compare__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="willit-mens-sun-shirt-hoodie-pocket" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                <path fill="currentColor"
                  d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z"
                  class=""></path>
              </svg>
            </span>
            <span class="sf__tooltip-content sf-prod-compare__button-content" data-revert-text="Remove from compare"> Compare </span>
          </button>
          <button class="sf__tooltip-item sf__btn-icon sf-pqv__button sf__tooltip-bottom
 sf__tooltip-style-1" data-product-handle="willit-mens-sun-shirt-hoodie-pocket" type="button">
            <span class="sf__tooltip-icon block">
              <svg class="w-[20px] h-[20px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                <path
                  d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z">
                </path>
              </svg>
            </span>
            <span class="sf__tooltip-content " data-revert-text=""> Quick view </span>
          </button>
        </div>
      </div>
    </div>
  </div><input type="hidden" name="product-id" value="7526338986158"><input type="hidden" name="section-id" value="template--15693186465966__162251092958fcda7c">
</form>

POST /cart

<form action="/cart" method="post" class="checkout-form flex flex-col h-full" novalidate="">
  <div class="scd__header mx-6 py-4 md:pt-6">
    <h3 class="text-2xl font-medium">Shopping Cart</h3>
    <div class="f-cartgoal mt-6 hidden" data-goal="35" style="--progress: 0%;">
      <h4 class="f-cartgoal__title">Buy <strong>$35.00</strong> more to enjoy <strong>FREE Shipping</strong></h4>
      <div class="f-cartgoal__inner">
        <div class="f-cartgoal__bar">
          <span data-progress="0"></span>
        </div>
        <span class="f-cartgoal__icon"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
            <path fill="currentColor"
              d="M5.56445.761719C5.69336.503906 5.90104.375 6.1875.375s.49414.128906.62305.386719L8.20703 3.59766l3.13677.47265c.2864.02865.4726.17904.5585.45117.086.27214.0287.50847-.1718.70899L9.45312 7.44336l.53711 3.13674c.04297.2721-.05013.487-.27929.6445-.22917.1719-.4655.1934-.70899.0645L6.1875 9.82812 3.37305 11.2891c-.24349.1432-.47982.1289-.70899-.043-.22916-.1719-.32226-.3939-.27929-.666l.53711-3.13674L.644531 5.23047C.44401 5.02995.386719 4.79362.472656 4.52148c.085938-.27213.272136-.42252.558594-.45117l3.13672-.47265L5.56445.761719z">
            </path>
          </svg></span>
      </div>
    </div>
  </div>
  <div class="scd__body sf__custom_scroll overscroll-contain px-6 pb-4 flex flex-col flex-grow">
    <div class="scd-empty-msg"> Your cart is currently empty. </div>
  </div>
  <div class="scd__footer py-4 px-6">
    <div class="scd__footer-actions">
      <button data-open="note" class="sf__tooltip-item sf__tooltip-top">
        <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19">
          <path fill="currentColor"
            d="M17.3672 2.21875c.4453.44531.668.98437.668 1.61719 0 .60937-.2227 1.13672-.668 1.58203L4.99219 17.793l-4.007815.457H.878906c-.257812 0-.46875-.0938-.632812-.2812-.164063-.1876-.234375-.4102-.210938-.668l.457032-4.0078L12.8672.917969C13.3125.472656 13.8398.25 14.4492.25c.6328 0 1.1719.222656 1.6172.667969l1.3008 1.300781zM4.46484 16.7383l9.28126-9.28127-2.918-2.91797-9.28122 9.28124-.35157 3.2695 3.26953-.3515zM16.5938 4.60938c.2109-.21094.3164-.46875.3164-.77344 0-.32813-.1055-.59766-.3164-.8086l-1.336-1.33593c-.2109-.21094-.4805-.31641-.8086-.31641-.3047 0-.5625.10547-.7734.31641l-2.0391 2.03906 2.918 2.91797 2.0391-2.03906z">
          </path>
        </svg>
        <span>Note</span>
        <span class="sf__tooltip-content text-[12px]">Add note for seller</span>
      </button>
      <button data-open="shipping" class="sf__tooltip-item sf__tooltip-top">
        <svg class="w-[22px] h-[22px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
          <path
            d="M280 192c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240zm352 192h-24V275.9c0-16.8-6.8-33.3-18.8-45.2l-83.9-83.9c-11.8-12-28.3-18.8-45.2-18.8H416V78.6c0-25.7-22.2-46.6-49.4-46.6H113.4C86.2 32 64 52.9 64 78.6V96H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H96V78.6c0-8.1 7.8-14.6 17.4-14.6h253.2c9.6 0 17.4 6.5 17.4 14.6V384H207.6C193 364.7 170 352 144 352c-18.1 0-34.6 6.2-48 16.4V288H64v144c0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16h195.2c-1.1 5.2-1.6 10.5-1.6 16 0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16H632c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm-488 96c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm272-320h44.1c8.4 0 16.7 3.4 22.6 9.4l83.9 83.9c.8.8 1.1 1.9 1.8 2.8H416V160zm80 320c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-96h-16.4C545 364.7 522 352 496 352s-49 12.7-63.6 32H416v-96h160v96zM256 248v-16c0-4.4-3.6-8-8-8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8z">
          </path>
        </svg>
        <span>Shipping</span>
        <span class="sf__tooltip-content text-[12px]">Estimate shipping rates</span>
      </button>
    </div>
    <div class="scd__addon" id="scd-note">
      <div class="scd__addon-title font-medium">
        <svg class="w-[20px] h-[20px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19">
          <path fill="currentColor"
            d="M17.3672 2.21875c.4453.44531.668.98437.668 1.61719 0 .60937-.2227 1.13672-.668 1.58203L4.99219 17.793l-4.007815.457H.878906c-.257812 0-.46875-.0938-.632812-.2812-.164063-.1876-.234375-.4102-.210938-.668l.457032-4.0078L12.8672.917969C13.3125.472656 13.8398.25 14.4492.25c.6328 0 1.1719.222656 1.6172.667969l1.3008 1.300781zM4.46484 16.7383l9.28126-9.28127-2.918-2.91797-9.28122 9.28124-.35157 3.2695 3.26953-.3515zM16.5938 4.60938c.2109-.21094.3164-.46875.3164-.77344 0-.32813-.1055-.59766-.3164-.8086l-1.336-1.33593c-.2109-.21094-.4805-.31641-.8086-.31641-.3047 0-.5625.10547-.7734.31641l-2.0391 2.03906 2.918 2.91797 2.0391-2.03906z">
          </path>
        </svg>
        <span>Add note for seller</span>
      </div>
      <div class="scd__addon-content">
        <textarea name="note" class="form-control" rows="3" placeholder="Special instructions for seller"></textarea>
      </div>
      <div class="scd__addon-actions flex flex-col">
        <button class="sf__btn sf__btn-primary btn-save" data-action="note">Save</button>
        <button class="sf__btn sf__btn-plain btn-cancel" data-action="note">Cancel</button>
      </div>
    </div>
    <div class="scd__addon" id="scd-shipping">
      <div class="scd__addon-title font-medium">
        <svg class="w-[22px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
          <path
            d="M280 192c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240zm352 192h-24V275.9c0-16.8-6.8-33.3-18.8-45.2l-83.9-83.9c-11.8-12-28.3-18.8-45.2-18.8H416V78.6c0-25.7-22.2-46.6-49.4-46.6H113.4C86.2 32 64 52.9 64 78.6V96H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H96V78.6c0-8.1 7.8-14.6 17.4-14.6h253.2c9.6 0 17.4 6.5 17.4 14.6V384H207.6C193 364.7 170 352 144 352c-18.1 0-34.6 6.2-48 16.4V288H64v144c0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16h195.2c-1.1 5.2-1.6 10.5-1.6 16 0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16H632c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm-488 96c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm272-320h44.1c8.4 0 16.7 3.4 22.6 9.4l83.9 83.9c.8.8 1.1 1.9 1.8 2.8H416V160zm80 320c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-96h-16.4C545 364.7 522 352 496 352s-49 12.7-63.6 32H416v-96h160v96zM256 248v-16c0-4.4-3.6-8-8-8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8z">
          </path>
        </svg>
        <span>Estimate shipping rates</span>
      </div>
      <div class="scd__addon-content">
        <div data-address="root">
          <div class="hidden">
            <label for="AddressFirstName">First Name</label>
            <input type="text" id="AddressFirstName" name="address[first_name]" value="">
          </div>
          <div class="hidden">
            <label for="AddressLastName">Last Name</label>
            <input type="text" id="AddressLastName" name="address[last_name]" value="">
          </div>
          <div class="hidden">
            <label for="AddressCompany">Company</label>
            <input type="text" id="AddressCompany" name="address[company]" value="">
          </div>
          <div class="hidden">
            <label for="AddressAddress1">Address</label>
            <input type="text" id="AddressAddress1" name="address[address1]" value="">
          </div>
          <div class="hidden">
            <label for="AddressAddress2">Apartment, suite, etc.</label>
            <input type="text" id="AddressAddress2" name="address[address2]" value="">
          </div>
          <div class="hidden">
            <label for="AddressCity">City</label>
            <input type="text" id="AddressCity" name="address[city]" value="">
          </div>
          <div class="form-group">
            <label for="AddressCountry">Country</label>
            <select id="AddressCountry" class="form-control" name="address[country]" data-default="US"></select>
          </div>
          <div class="form-group">
            <label for="AddressProvince">Province</label>
            <select id="AddressProvince" class="form-control" name="address[province]" data-default=""></select>
          </div>
          <div class="form-group">
            <label for="AddressZip">Postal/Zip Code</label>
            <input type="text" class="form-control" id="AddressZip" name="address[zip]" value="" autocapitalize="characters">
          </div>
          <div class="hidden">
            <label for="AddressPhone">Phone</label>
            <input type="tel" id="AddressPhone" name="address[phone]" value="">
          </div>
        </div>
      </div>
      <div class="scd__addon-actions flex flex-col">
        <button class="sf__btn sf__btn-primary btn-calc" data-action="shipping">Calculate shipping rates</button>
        <button class="sf__btn sf__btn-plain btn-cancel" data-action="shipping">Cancel</button>
      </div>
      <div class="scd__addon-message py-5"></div>
    </div>
    <div class="scd__summary mb-4 pt-4" data-cart-summary="">
      <div data-discounts="">
        <ul class="scd-cart__discounts" role="list" data-discounts-list="">
        </ul>
      </div>
      <div class="scd__subtotal flex justify-between" data-cart-subtotal="">
        <span class="font-medium">Subtotal</span>
        <span class="scd__subtotal-price font-medium sf-currency" data-cart-subtotal-price="">$0.00</span>
      </div>
    </div>
    <div class="flex flex-col items-center">
      <button type="submit" class="sf__btn sf__btn-primary w-full scd__checkout mb-3" name="checkout"> Check out </button>
      <a class="underline" href="/cart">
            View Cart
          </a>
    </div>
  </div>
  <div class="scd__overlay inset-0"></div>
</form>

POST /contact#contact-form__949

<form method="post" action="/contact#contact-form__949" id="contact-form__949" accept-charset="UTF-8" class="sf__footer-form-newsletter form__style-bordered"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8"
    value="✓">
  <input type="hidden" name="contact[tags]" value="newsletter">
  <div class="relative">
    <input type="email" required="" name="contact[email]" placeholder="Enter your email" autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false" class="form-control form__control-icon py-1.5 px-12 sf__newletter__form-input">
    <span class="sf__footer-form-newsletter-icon absolute">
      <svg class="w-[16px] h-[16px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
        <path
          d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z">
        </path>
      </svg>
    </span>
    <button type="submit" name="commit" class="sf__form-submit absolute">
      <svg xmlns="http://www.w3.org/2000/svg" class="w-[16px] h-[16px]" fill="none" viewBox="0 0 16 17">
        <path fill="currentColor"
          d="M7.66406.585938c.21094-.1875.41016-.1875.59766 0L15.6094 7.96875c.2109.1875.2109.375 0 .5625L8.26172 15.9141c-.1875.1875-.38672.1875-.59766 0l-.70312-.7032c-.07032-.0703-.10547-.164-.10547-.2812s.03515-.2227.10547-.3164l5.44926-5.44924H.421875C.140625 9.16406 0 9.02344 0 8.74219v-.98438c0-.28125.140625-.42187.421875-.42187H12.4102L6.96094 1.88672c-.1875-.21094-.1875-.41016 0-.59766l.70312-.703122z">
        </path>
      </svg>
    </button>
  </div>
</form>

POST /localization

<form method="post" action="/localization" id="localization_form-69" accept-charset="UTF-8" class="px-4" enctype="multipart/form-data" data-localization-form=""><input type="hidden" name="form_type" value="localization"><input type="hidden"
    name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/">
  <input type="hidden" name="locale_code" value="en" data-localization-input="">
  <div class="sf__custom-select sf__select-top"><select class="border-transparent bg-transparent" data-localization-select="">
      <option value="en" selected="selected">English</option>
    </select>
    <div class="select-selected"><span>English</span><span class="select-arrow"><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
          <path d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"></path>
        </svg></span></div>
    <div class="select-items select-hide">
      <div class="same-as-selected">English</div>
    </div>
  </div>
</form>

GET /search

<form action="/search" method="GET" novalidate="" class="relative w-full md:mx-28 flex border border-black rounded-md">
  <input type="hidden" name="options[unavailable_products]" value="last">
  <input type="hidden" name="options[prefix]" value="last">
  <input type="hidden" name="options[fields]" value="title,vendor,product_type,variants.title">
  <input type="text" name="q" required="" autocomplete="off" placeholder="Search products" aria-label="Search products" class="w-full h-11" style="border: none;" data-search-input="">
  <button type="submit" class="absolute top-px right-0 py-3 px-3.5">
    <svg class="w-[18px] h-[18px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
      <path
        d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z">
      </path>
    </svg>
  </button>
  <span class="invisible absolute top-0 right-0 py-2.5 px-3" data-spinner="">
    <svg class="animate-spin w-[24px] h-[24px] " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
      <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
      <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
    </svg>
  </span>
  <span class="absolute top-0 p-3.5 invisible cursor-pointer text-[#777] right-8" data-clear-search="">
    <svg class="w-[16px] h-[16px]" fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
      <path
        d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z">
      </path>
    </svg>
  </span>
</form>

POST /account/login

<form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true"><input type="hidden" name="form_type" value="customer_login"><input type="hidden" name="utf8" value="✓">
  <input type="email" name="customer[email]" placeholder="Email" class="form-control">
  <input type="password" name="customer[password]" placeholder="Password" class="form-control">
  <a class="underline block my-3 sf-customer__reset-password-btn">Forgot your password?</a>
  <button class="sf__btn sf__btn-primary mt-4  mb-3 w-full" type="submit"> Sign In </button>
</form>

POST /account/recover

<form method="post" action="/account/recover" accept-charset="UTF-8"><input type="hidden" name="form_type" value="recover_customer_password"><input type="hidden" name="utf8" value="✓">
  <input class="form-control" type="email" name="email" placeholder="Email" spellcheck="false" autocomplete="off" autocapitalize="off">
  <div class="flex mt-2">
    <button type="submit" class="sf__btn sf__btn-primary block w-40"> Submit </button>
    <button type="button" data-recover-toggle="" class="sf__btn-secondary sf-customer__cancel-reset block w-40 ml-4"> Cancel </button>
  </div>
</form>

POST /account

<form method="post" action="/account" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true"><input type="hidden" name="form_type" value="create_customer"><input type="hidden" name="utf8" value="✓">
  <input type="text" name="customer[first_name]" placeholder="First Name" class="form-control">
  <input type="text" name="customer[last_name]" placeholder="Last Name" class="form-control">
  <input type="email" name="customer[email]" placeholder="Email" class="form-control">
  <input type="password" name="customer[password]" placeholder="Password" class="form-control">
  <div class="mt-3 text-color-secondary"> Sign up for early Sale access plus tailored new arrivals, trends and promotions. To opt out, click unsubscribe in our emails. </div>
  <button class="mt-6 mb-3 w-full sf__btn sf__btn-primary"> Register </button>
  <a class="w-full mt-[12xpx] sf__btn sf__btn-secondary" href="https://shopify.com/56344674478/account?locale=en">
    Log In
  </a>
</form>

Text Content

Cookie Policy
This website uses cookies to ensure you get the best experience on our website.
Learn more
DeclineAllow Cookies
FREE U.S. Standard Shipping Orders $35+ & FREE Returns

WILLIT

Cart 0
 * Women
    * Features
       * New In
       * Best Sellers
   
    * Tops
       * Shirts
       * Jackets
   
    * Bottoms
       * Shorts
       * Pants
       * Leggings
   
    * Skirts & Dresses
       * Dresses
       * Skirts & Skorts
   
    * Activity
       * Hiking
       * Running
       * Tennis
       * Golf
       * Yoga
       * Equestrian Sports
       * Sun Protection
   
   
   WOMEN
   
   
   
   
   WOMEN'S PULL-ON SLIM BOOTCUT PANTS
   
   $38.99
   
   
   WOMEN'S ALL-SEASONS ACTIVE JOGGERS
   
   $37.99
   
   
   WOMEN'S STRETCH ATHLETIC PANTS
   
   $42.99
   
   
   WOMEN'S HIGH-RISE FLEECE LINED LEGGINGS
   
   $34.99
   
   
   WOMEN'S STRAIGHT-LEG COTTON SWEATPANTS
   
   $37.00
   
   
   WOMEN'S STRAIGHT LEG TRACK PANTS
   
   $32.99

 * Men
    * Features
       * New In
       * Best Sellers
   
    * Tops
       * Shirts
       * Vests
   
    * Bottoms
       * Pants
       * Shorts
       * Leggings
   
    * Activity
       * Sun Protection
       * Hiking
       * Tennis
       * Golf
       * Yoga
       * Running
   
   
   MEN-BOTTOMS
   
   
   
   
   MEN'S YOGA ACTIVE LEGGINGS
   
   $29.99
   
   
   MEN'S COTTON YOGA SWEATPANTS
   
   $35.99
   
   
   MEN'S LIGHTWEIGHT CARGO SHORTS 7 INCH
   
   $33.99
   
   
   MEN'S LIGHTWEIGHT CARGO JOGGERS
   
   $35.00
   
   
   MEN'S LIGHTWEIGHT QUICK DRY JOGGERS -ZIPPER POCKETS
   
   $29.99
   
   
   MEN'S FLEECE LINED RUNNING JOGGERS
   
   $28.99

 * Kids
 * Sale


WILLIT

Search
Account Wishlist 0 Cart 0
Women
Back
 * Features
   Back
    * New In
    * Best Sellers

 * Tops
   Back
    * Shirts
    * Jackets

 * Bottoms
   Back
    * Shorts
    * Pants
    * Leggings

 * Skirts & Dresses
   Back
    * Dresses
    * Skirts & Skorts

 * Activity
   Back
    * Hiking
    * Running
    * Tennis
    * Golf
    * Yoga
    * Equestrian Sports
    * Sun Protection

Men
Back
 * Features
   Back
    * New In
    * Best Sellers

 * Tops
   Back
    * Shirts
    * Vests

 * Bottoms
   Back
    * Pants
    * Shorts
    * Leggings

 * Activity
   Back
    * Sun Protection
    * Hiking
    * Tennis
    * Golf
    * Yoga
    * Running

Kids Sale
My Account
Log in Register




LOUNGE/STREETWEAR

SHOP NEW


WOMEN


MEN


KIDS


WINTER '23 COLLECTION

Go from casual to technical in fleece made for all-season comfort.


FALL-WINTER COLLECTION


SHOP BY ACTIVITIES


CASUAL WEAR

37 items


OFFICE WEAR

34 items


YOGA & FITNESS

44 items


OUTDOORS

77 items


SHOP THE

BEST SELLERS
BEST SELLERS
BEST SELLERS
Add to wishlist Compare Quick view
Select options


MEN'S YOGA ACTIVE LEGGINGS


$29.99 $45.00
Unit price
/per 
navy blue
Navy Blue
black camo
Black Camo
steel gray
Steel Gray
greige
Greige
+4 See 4 more option(s)
75% Nylon, 25% Spandex elastic closure ADVANCED FABRIC - Advanced Skin Active
Dry fabric efficiently...
Select options
Add to wishlist Compare Quick view
Add to wishlist Compare Quick view
Select options


MEN'S COTTON YOGA SWEATPANTS


$35.99 $51.00
Unit price
/per 
dark gray
Dark Gray
light gray
Light Gray
khaki
Khaki
navy blue
Navy Blue
+5 See 5 more option(s)
Solid Color: 92% Cotton, 8% Spandex; Heather: 55% Cotton, 39% Polyester, 6%
Spandex Pull On...
Select options
Add to wishlist Compare Quick view
Add to wishlist Compare Quick view
Select options


WOMEN'S FLEECE RIDING PANTS


$39.99 $55.00
Unit price
/per 
deep gray
Deep Gray
coffee
Coffee
black
Black
army green
Army Green
+1 See 1 more option(s)
Fleece Lining: Soft fleece fabric for warmth and comfort.?Stretchy, breathable
fabric wicks sweat to keep...
Select options
Add to wishlist Compare Quick view
Add to wishlist Compare Quick view
Select options


MEN'S FLEECE PULLOVER QUARTER ZIP WITH POCKETS


$39.00 $54.00
Unit price
/per 
black
Black
navy
Navy
milky tea
Milky Tea
white
White
+5 See 5 more option(s)
Fleece-lined Zipper closure FLEECE WARMTH: soft and warm thermal fleece fabric
keeps you warm and...
Select options
Add to wishlist Compare Quick view
Add to wishlist Compare Quick view
Select options


WOMEN'S THERMAL BOOTCUT YOGA PANTS


$36.99 $52.00
Unit price
/per 
blue
Blue
black
Black
deep purple
Deep Purple
dim gray
Dim Gray
+8 See 8 more option(s)
87% polyester, 13% spandex Fleece Lined, Water Resistant: Buttery soft fleece
fabric keeps you warm...
Select options
Add to wishlist Compare Quick view
Add to wishlist Compare Quick view
Select options


MEN'S THERMAL RUNNING TIGHTS


$35.99 $50.00
Unit price
/per 
olive
Olive
black
Black
gray
Gray
greige
Greige
+1 See 1 more option(s)
Zippered Cuffs: Smooth and durable zips at ankle help you take these men fleece
leggings...
Select options
Add to wishlist Compare Quick view
Add to wishlist Compare Quick view
Select options


MEN'S COTTON YOGA BALANCE SWEATPANTS


$39.99 $55.00
Unit price
/per 
black
Black
bluish violet
Bluish Violet
deep gray
Deep Gray
gray
Gray
+7 See 7 more option(s)
Solid Color: 92% Cotton, 8% Spandex; Heather: 55% Cotton, 39% Polyester, 6%
Spandex elastic closure...
Select options
Add to wishlist Compare Quick view
Add to wishlist Compare Quick view
Select options


MEN'S FLEECE PULLOVER QUARTER ZIP


$39.00 $54.00
Unit price
/per 
blue
Blue
white
White
navy blue
Navy Blue
black
Black
+9 See 9 more option(s)
Fleece Imported Zipper closure FLEECE WARMTH: Soft, midweight fleece fabric
keeps you warm and delivers...
Select options
Add to wishlist Compare Quick view
UPF 50+
Add to wishlist Compare Quick view
Select options


MEN'S SUN PROTECTION LONG SLEEVE SHIRTS WITH HOOD


$26.99 $42.00
Unit price
/per 
brilliant blue
Brilliant Blue
white
White
navy blue
Navy Blue
orange
Orange
+10 See 10 more option(s)
With?moisture-wicking technology?and?UPF 50+ protection against UV rays, this
sun shirt shields against harmful UV rays...
Select options
Add to wishlist Compare Quick view
UPF 50+
Add to wishlist Compare Quick view
Select options


MEN'S SUN PROTECTION LONG SLEEVE SHIRTS WITH POCKET


$29.99 $45.00
Unit price
/per 
orange
Orange
white
White
brilliant blue
Brilliant Blue
ocean blue
Ocean Blue
+6 See 6 more option(s)
? 100% Polyester ? Imported ? Machine Wash ? KEEPS YOU COMFORTABLE AND DRY:
Silky...
Select options
Add to wishlist Compare Quick view
Load More



WHAT PEOPLE ARE SAYING

"I bought these for a trip to the Faroe Islands. These were perfect for hiking
in changeable weather and kept my legs warm and dry even hiking through a lot of
rain and mud. They also looked great! Loved the pockets for stashing my cell
phone!"

AE Wolf . on Women's Fleece Lined Leggings

"As a mature woman, I'm tired of the long, bulky, and quite frankly, hideous
shorts. These shorts are the perfect length and fit perfectly. I'm 5 feet and
110 lbs and the small fits like a glove. Comfy waistband, don't ride up. Highly
recommend!"

Ariele N. on Women's 2.5 Inch Shorts

"As a tall guy, the fit is fantastic – no more awkward adjustments. They're
incredibly comfortable, making workouts and yoga sessions a breeze. Quick-dry
technology is spot-on, too. These leggings have become a go-to in my activewear
collection. Highly recommended for fellow tall folks seeking comfort and style
during workouts."

Sephen on Men's Yoga Active Leggings

"I bought these for a trip to the Faroe Islands. These were perfect for hiking
in changeable weather and kept my legs warm and dry even hiking through a lot of
rain and mud. They also looked great! Loved the pockets for stashing my cell
phone!"

AE Wolf . on Women's Fleece Lined Leggings

"As a mature woman, I'm tired of the long, bulky, and quite frankly, hideous
shorts. These shorts are the perfect length and fit perfectly. I'm 5 feet and
110 lbs and the small fits like a glove. Comfy waistband, don't ride up. Highly
recommend!"

Ariele N. on Women's 2.5 Inch Shorts

"As a tall guy, the fit is fantastic – no more awkward adjustments. They're
incredibly comfortable, making workouts and yoga sessions a breeze. Quick-dry
technology is spot-on, too. These leggings have become a go-to in my activewear
collection. Highly recommended for fellow tall folks seeking comfort and style
during workouts."

Sephen on Men's Yoga Active Leggings

"I bought these for a trip to the Faroe Islands. These were perfect for hiking
in changeable weather and kept my legs warm and dry even hiking through a lot of
rain and mud. They also looked great! Loved the pockets for stashing my cell
phone!"

AE Wolf . on Women's Fleece Lined Leggings

"As a mature woman, I'm tired of the long, bulky, and quite frankly, hideous
shorts. These shorts are the perfect length and fit perfectly. I'm 5 feet and
110 lbs and the small fits like a glove. Comfy waistband, don't ride up. Highly
recommend!"

Ariele N. on Women's 2.5 Inch Shorts

"As a tall guy, the fit is fantastic – no more awkward adjustments. They're
incredibly comfortable, making workouts and yoga sessions a breeze. Quick-dry
technology is spot-on, too. These leggings have become a go-to in my activewear
collection. Highly recommended for fellow tall folks seeking comfort and style
during workouts."

Sephen on Men's Yoga Active Leggings

1 / 3



FREE SHIPPING

Free Shipping on Orders over $35.


NEED TO START A RETURN?

Free returns on qualifying orders.


CUSTOMER LOVE

We got you via email or online.


TO EXPLORE TO DISCOVER

Willit is a globally popular sportswear brand with satisfactory customer service
and innovative products. We’re serious about offering high-quality products that
make you feel strong, confident, and ready for exploring the world.

Learn More


LATEST FROM BLOGS

February 20, 2024


WHY ADDING A RAIN JACKET TO YOUR CLOSET IS A MUST

In an era where versatility and practicality reign supreme in fashion choices,
one item stands...
Read more
January 31, 2024


FROM FAIRWAY TO OFFICE: 5 BEST GOLF DRESS PANTS

In the world of golf fashion, striking the perfect balance between style and
substance is...
Read more
January 20, 2024


FROM GYM TO STREET: YOUR LEGGINGS LOOK IN 2024

In the ever-evolving world of activewear, the lines between gym attire and
street fashion have...
Read more
View More


SHOPPING CART

BUY $35.00 MORE TO ENJOY FREE SHIPPING


Your cart is currently empty.
Note Add note for seller Shipping Estimate shipping rates
Add note for seller

Save Cancel
Estimate shipping rates
First Name
Last Name
Company
Address
Apartment, suite, etc.
City
Country
Province
Postal/Zip Code
Phone
Calculate shipping rates Cancel

Subtotal $0.00
Check out View Cart



SUPPORT

FAQs Returns Fit & Sizing Track My Order Contact Us


ABOUT US

About Willit Blogs & News Affiliate Program Shipping Info Privacy Policy Terms
of Service


FEATURED

Hiking Collection Yoga & Fitness Sun Protection Fleece Lined


LET'S KEEP IN TOUCH

Enter your email below to be the first to know about new collections and product
launches.


English
English
English
WILLIT
Payment options:
 * American Express
 * Apple Pay
 * Mastercard
 * PayPal
 * Visa

Cart 0



SEARCH OUR STORE

WILLIT

Account Wishlist 0 Cart 0
Popular Searches:
Women shorts Dress pants Sun protection
""

More Results
Log in Reset your password

--------------------------------------------------------------------------------

Register

--------------------------------------------------------------------------------

Forgot your password? Sign In

We will send you an email to reset your password.

Submit Cancel
Sign up for early Sale access plus tailored new arrivals, trends and promotions.
To opt out, click unsubscribe in our emails.
Register Log In