{
  "action": "Product-ShowQuickView",
  "queryString": "cgid=sale-mens-accessories&dwvar_467478100_color=100&pid=467478100",
  "locale": "default",
  "isEmployee": false,
  "product": {
    "uuid": "19c6238591dc4a850d3a58e875",
    "id": "46747810001",
    "productName": "HUF Bad Hare Mens Trucker Hat",
    "productType": "variant",
    "brand": "HUF",
    "gtmData": {
      "id": "467478100",
      "brand": "HUF",
      "gender": "men",
      "variant": "BLACK",
      "childID": "46747810001",
      "name": "HUF Bad Hare Mens Trucker Hat",
      "category": "Trucker Hats",
      "categoryID": "mens-accessories-hats-truckers",
      "price": "28.97"
    },
    "gtmListData": {
      "item_id": "467478100",
      "item_brand": "HUF",
      "item_variant": "BLACK",
      "item_child_id": "46747810001",
      "item_name": "HUF Bad Hare Mens Trucker Hat",
      "item_category": "Trucker Hats",
      "item_category_id": "mens-accessories-hats-truckers",
      "price": "28.97"
    },
    "seoTitle": "HUF Bad Hare Mens Trucker Hat - BLACK | WitzenbergShops",
    "masterPid": "467478100",
    "newArrival": false,
    "attrsToUseForSwatch": "[\"color\"]",
    "attrGroupInclusion": null,
    "pdpSwatchTypeAsImage": null,
    "enableStickyAddToCart": true,
    "enableVariantSelectionInPdpStickyAddToCart": true,
    "hideQty": false,
    "enableQuantityStepper": false,
    "pdpCollapsibleContentDesktop4": {},
    "pdpCollapsibleContentDesktop3": {},
    "pdpCollapsibleContentDesktop2": {},
    "pdpCollapsibleContentDesktop1": {},
    "pdpHideSingleVariants": false,
    "pdpImageColumnWidth": {},
    "storeTypePreferences": "\n[\n\t\t{\n\t\t\t\"value\": \"default\",\n\t\t\t\"mapMarker\": {\n\t\t\t\t\"backgroundImage\": \"/images/icons/map-marker-default.svg\",\n\t\t\t\t\"color\": \"white\"\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\t\"value\": \"retail\",\n\t\t\t\"mapMarker\": {\n\t\t\t\t\"backgroundImage\": \"/images/icons/map-marker-retail.svg\",\n\t\t\t\t\"color\": \"white\"\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\t\"value\": \"outlet\",\n\t\t\t\"mapMarker\": {\n\t\t\t\t\"backgroundImage\": \"/images/icons/map-marker-outlet.svg\",\n\t\t\t\t\"color\": \"white\"\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\t\"value\": \"outlet\",\n\t\t\t\"mapMarker\": {\n\t\t\t\t\"backgroundImage\": \"/images/icons/map-marker-outlet.svg\",\n\t\t\t\t\"color\": \"white\"\n\t\t\t}\n\t\t}\n\t]\n            ",
    "quickviewShowHeadlineAndDescription": false,
    "enable3DImage": false,
    "src3DImage": null,
    "collection3DImage": null,
    "ios_src3DImage": null,
    "client3DImage": null,
    "env_img3DImage": null,
    "isAddOnItem": null,
    "price": {
      "sales": {
        "value": 28.97,
        "currency": "USD",
        "formatted": "$28.97",
        "decimalPrice": "28.97",
        "hidePrice": false
      },
      "list": {
        "value": 35.99,
        "currency": "USD",
        "formatted": "$35.99",
        "decimalPrice": "35.99",
        "hidePrice": false
      },
      "promo": null
    },
    "renderedPrice": "\n\n\n\n\n\n    <div class=\"price\">\n        \n        <span>\n    \n    \n    \n    \n\n    \n        \n        \n\n        \n            <span class=\"value\" content=\"35.99\">\n                <span class=\"sr-only\">\n                    Price reduced from\n                </span>\n\n                $35.99\n\n\n\n                <span class=\"sr-only\">\n                    to\n                </span>\n            </span>\n        \n\n        \n            \n        \n\n        \n        \n\n        \n            \n\n            <span class=\"promo\">\n                <span class=\"value\" content=\"28.97\">\n                    <span class=\"now-label \">Now</span>\n\n                    $28.97\n\n\n\n                    \n                        <span class=\"font-weight-normal\">\n                            (20% Off)\n                        </span>\n                    \n                </span>\n            </span>\n        \n        \n            \n        \n    \n</span>\n\n    </div>\n\n\n",
    "images": {
      "large": [
        {
          "alt": "HUF Bad Hare Mens Trucker Hat",
          "url": "https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dwcde81fd8/tillys/images/catalog/1000x1000/467478100.jpg?sw=800&sh=1028&q=100",
          "index": "0",
          "title": "HUF Bad Hare Mens Trucker Hat",
          "absURL": "https://www.tillys.com/on/demandware.static/-/Sites-master-catalog/default/dwcde81fd8/tillys/images/catalog/1000x1000/467478100.jpg",
          "type": "1000x1000"
        },
        {
          "alt": "HUF Bad Hare Mens Trucker Hat",
          "url": "https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dw410e65d9/tillys/images/catalog/1000x1000/467478100a.jpg?sw=800&sh=1028&q=100",
          "index": "1",
          "title": "HUF Bad Hare Mens Trucker Hat",
          "absURL": "https://www.tillys.com/on/demandware.static/-/Sites-master-catalog/default/dw410e65d9/tillys/images/catalog/1000x1000/467478100a.jpg",
          "type": "1000x1000"
        }
      ],
      "small": [
        {
          "alt": "HUF Bad Hare Mens Trucker Hat",
          "url": "https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dwcde81fd8/tillys/images/catalog/1000x1000/467478100.jpg?sw=176&sh=226",
          "index": "0",
          "title": "HUF Bad Hare Mens Trucker Hat",
          "absURL": "https://www.tillys.com/on/demandware.static/-/Sites-master-catalog/default/dwcde81fd8/tillys/images/catalog/1000x1000/467478100.jpg",
          "type": "1000x1000"
        },
        {
          "alt": "HUF Bad Hare Mens Trucker Hat",
          "url": "https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dw410e65d9/tillys/images/catalog/1000x1000/467478100a.jpg?sw=176&sh=226",
          "index": "1",
          "title": "HUF Bad Hare Mens Trucker Hat",
          "absURL": "https://www.tillys.com/on/demandware.static/-/Sites-master-catalog/default/dw410e65d9/tillys/images/catalog/1000x1000/467478100a.jpg",
          "type": "1000x1000"
        }
      ],
      "hi-res": [
        {
          "alt": "HUF Bad Hare Mens Trucker Hat",
          "url": "https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dwcde81fd8/tillys/images/catalog/1000x1000/467478100.jpg?sw=1000&sh=1286&q=100",
          "index": "0",
          "title": "HUF Bad Hare Mens Trucker Hat",
          "absURL": "https://www.tillys.com/on/demandware.static/-/Sites-master-catalog/default/dwcde81fd8/tillys/images/catalog/1000x1000/467478100.jpg",
          "type": "1000x1000"
        },
        {
          "alt": "HUF Bad Hare Mens Trucker Hat",
          "url": "https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dw410e65d9/tillys/images/catalog/1000x1000/467478100a.jpg?sw=1000&sh=1286&q=100",
          "index": "1",
          "title": "HUF Bad Hare Mens Trucker Hat",
          "absURL": "https://www.tillys.com/on/demandware.static/-/Sites-master-catalog/default/dw410e65d9/tillys/images/catalog/1000x1000/467478100a.jpg",
          "type": "1000x1000"
        }
      ],
      "thumbnail": [
        {
          "alt": "HUF Bad Hare Mens Trucker Hat",
          "url": "https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dwcde81fd8/tillys/images/catalog/1000x1000/467478100.jpg?sw=82&sh=105",
          "index": "0",
          "title": "HUF Bad Hare Mens Trucker Hat",
          "absURL": "https://www.tillys.com/on/demandware.static/-/Sites-master-catalog/default/dwcde81fd8/tillys/images/catalog/1000x1000/467478100.jpg",
          "type": "1000x1000"
        },
        {
          "alt": "HUF Bad Hare Mens Trucker Hat",
          "url": "https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dw410e65d9/tillys/images/catalog/1000x1000/467478100a.jpg?sw=82&sh=105",
          "index": "1",
          "title": "HUF Bad Hare Mens Trucker Hat",
          "absURL": "https://www.tillys.com/on/demandware.static/-/Sites-master-catalog/default/dw410e65d9/tillys/images/catalog/1000x1000/467478100a.jpg",
          "type": "1000x1000"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 10,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color",
        "id": "color",
        "swatchable": true,
        "displayValue": "BLACK",
        "values": [
          {
            "id": "100",
            "description": null,
            "displayValue": "BLACK",
            "value": "100",
            "selected": true,
            "selectable": false,
            "availableForBackInStock": false,
            "backInStockProductID": "",
            "images": {
              "swatch": [
                {
                  "alt": "HUF Bad Hare Mens Trucker Hat",
                  "url": "https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dwffc32899/tillys/images/catalog/swatch/467478100.jpg?sw=60&sh=77",
                  "index": "0",
                  "title": "HUF Bad Hare Mens Trucker Hat",
                  "absURL": "https://www.tillys.com/on/demandware.static/-/Sites-master-catalog/default/dwffc32899/tillys/images/catalog/swatch/467478100.jpg",
                  "type": "swatch"
                }
              ],
              "type": "swatch"
            }
          }
        ],
        "isOnlyVariant": true
      },
      {
        "attributeId": "size",
        "displayName": "Size",
        "id": "size",
        "swatchable": false,
        "displayValue": "ONE SIZE",
        "values": [
          {
            "id": "ONSZ",
            "description": null,
            "displayValue": "ONE SIZE",
            "value": "ONSZ",
            "selected": true,
            "selectable": false,
            "availableForBackInStock": false,
            "backInStockProductID": "46747810001"
          }
        ],
        "isOnlyVariant": true
      }
    ],
    "longDescription": "HUF Bad Hare Trucker Hat. Embroidered artwork on front crown. Mesh back. HUF woven flag label at back. Adjustable snapback closure. 60% Cotton 40% Polyester. Spot clean. Imported.",
    "shortDescription": "HUF Bad Hare Mens Trucker Hat",
    "rating": 5,
    "promotions": null,
    "attributes": null,
    "availability": {
      "messages": [
        "This item is currently not available"
      ],
      "inStockDate": null
    },
    "available": false,
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=1"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=2"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=3"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=4"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=5"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=6"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=7"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=8"
      },
      {
        "value": "9",
        "selected": false,
        "url": "/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=9"
      },
      {
        "value": "10",
        "selected": false,
        "url": "/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=10"
      }
    ],
    "sizeChartId": "mens-clothing-size",
    "selectedProductUrl": "/product/huf-bad-hare-mens-trucker-hat/467478100.html?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&quantity=1",
    "readyToOrder": true,
    "online": true,
    "pageTitle": null,
    "pageDescription": null,
    "pageKeywords": null,
    "pageMetaTags": [],
    "template": null,
    "headlineDescription": null,
    "headline": null,
    "recommendations": [],
    "pdpAssetIds": [],
    "pdpGalleryAssets": [],
    "tabs": [],
    "collapsibleContent": [
      {
        "title": "Product Details <span class=\"item-number\">name: Citadel Outlet</span>",
        "content": "HUF Bad Hare Trucker Hat. Embroidered artwork on front crown. Mesh back. HUF woven flag label at back. Adjustable snapback closure. 60% Cotton 40% Polyester. Spot clean. Imported.",
        "state": "collapsed-closed",
        "mobileDefault": "collapse"
      }
    ],
    "badges": [],
    "selectedColorName": "BLACK",
    "wishlistpid": "46747810001",
    "availableForInStorePickup": true,
    "availableForCPU": false,
    "availableForDTC": false,
    "isOnlineExclusive": false,
    "isWitzenbergShopsExclusive": false,
    "starRating": 0,
    "isGiftCard": null,
    "clearance": true,
    "showPDPPaymentMethods": false,
    "shipThresholdMet": true,
    "pdpPaymentMethods": [
      {
        "ID": "ApplePay",
        "name": "Apple Pay",
        "displayPaymentPage": true,
        "displayCart": true,
        "displayPDP": true
      },
      {
        "ID": "GooglePay",
        "name": "Google Pay",
        "displayPaymentPage": true,
        "displayCart": true,
        "displayPDP": true
      }
    ]
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Select Color and Size, then click ADD TO BAG.",
    "assistiveSelectedText": "selected"
  },
  "quickViewFullDetailMsg": "View Full Details",
  "closeButtonText": "Close Quickview Dialog",
  "enterDialogMessage": "Start of Quickview dialog window. Select Close to cancel and close the window.",
  "template": "product/quickView.isml",
  "classname": "pdp-afterpay-message",
  "thresholdResponse": {
    "belowThreshold": true,
    "minAmount": 35,
    "maxAmount": 1000
  },
  "currentBasketRaw": {},
  "productRaw": {},
  "pliRaw": null,
  "store": {
    "UUID": "b5504e25f55e407c179b5f105d",
    "ID": "0135",
    "name": "Citadel Outlet",
    "address1": "100 Citadel Dr. Suite #317",
    "address2": null,
    "city": "City of Commerce",
    "postalCode": "90040",
    "latitude": 34.006065,
    "longitude": -118.152505,
    "phone": "323-888-2449",
    "stateCode": "CA",
    "countryCode": "US",
    "storeHours": "<div style=\"width:30%; position:relative; float:left;\">Monday<br />\nTuesday<br />\nWednesday<br />\nThursday<br />\nFriday<br />\nSaturday<br />\nSunday</div>\n\n<div style=\"width:70%; position:relative; float:right;\">10:00item no. 467478<br />\n10:00item no. 467478<br />\n10:00item no. 467478<br />\n10:00item no. 467478<br />\n10:00item no. 467478<br />\n10:00item no. 467478<br />\n10:00item no. 467478</div>",
    "storeType": [],
    "inventoryListID": "inventory-store-0135",
    "availableForCPU": true,
    "availableForCSPU": false,
    "availableForDTC": true,
    "availableForDTS": false,
    "availableForDSCO": false,
    "availableForSDD": true,
    "hideFromStoreLocator": false
  },
  "smid": null,
  "page": "pdp",
  "googleAddressAutocompleteUrl": "https://maps.googleapis.com/maps/api/js?key=AIzaSyCN30IjQn1Gvj_0egDORjnQ3h5xLBs7ME0&callback=Function.prototype&libraries=places",
  "renderedTemplate": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"product-quickview product-variant col product-wrapper product-detail\" data-pid=\"46747810001\"  data-swatchable-attributes=\"[&quot;color&quot;]\">\n    <div class=\"row\">\n        <!-- Product Images Carousel -->\n        \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"primary-images col-12 col-md-7\" role=\"region\" aria-label=\"carousel\">\n    <div class=\"row\">\n        <div class='primary-images-main col-12 col-lg-9 product-has-thumbnails order-lg-2'>\n            <div class=\"slider-container  slider-buttons-hidden slider-buttons-hidden-md slider-buttons-hidden-lg slider-bullets-hidden slider-bullets-hidden-md slider-bullets-hidden-lg\"\n                data-slider-thumbnail-container=\"#slider-pdp-46747810001\"\n                data-slider-loop=\"false\"\n                data-slider-gutter=\"1\"\n                data-slider-gutter-md=\"1\"\n                data-slider-gutter-lg=\"1\"\n                data-slider-arrow-key=\"true\"\n            >\n                <div class=\"slider\">\n                    \n                        <button  class=\"slide \" data-zoom-image=\"https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dwcde81fd8/tillys/images/catalog/1000x1000/467478100.jpg?sw=1000&sh=1286&q=100\">\n                            <img src=\"https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dwcde81fd8/tillys/images/catalog/1000x1000/467478100.jpg?sw=800&sh=1028&q=100\" class=\"d-block img-fluid\" alt=\"HUF Bad Hare Mens Trucker Hat image number 0\" itemprop=\"image\" />\n                            \n\n                                \n    <a href=\"/on/demandware.store/Sites-tillys-Site/default/Wishlist-ToggleProduct\"\n       class=\"wishlist  logged-out not-in-wishlist\"\n       data-nextaction=\"\"\n       aria-label=\"Add to Favorites\"\n       data-wishlistpid=\"46747810001\"\n       data-productname=\"HUF Bad Hare Mens Trucker Hat\"\n       data-uuid=\"\"\n       data-addmessage=\"Add HUF Bad Hare Mens Trucker Hat to your Favorites\"\n       data-removemessage=\"Remove HUF Bad Hare Mens Trucker Hat from your Favorites\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       data-wishlisturl=\"/on/demandware.store/Sites-tillys-Site/default/Wishlist-GetAllWishlistProduct\"\n       title=\"Add HUF Bad Hare Mens Trucker Hat to your Favorites\"\n    >\n        \n        \n            <div class=\"icon-heart-o  before\"></div>\n        \n    </a>\n\n\n                            \n                        </button>\n                        \n                        \n                    \n                        <button  class=\"slide \" data-zoom-image=\"https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dw410e65d9/tillys/images/catalog/1000x1000/467478100a.jpg?sw=1000&sh=1286&q=100\">\n                            <img src=\"https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dw410e65d9/tillys/images/catalog/1000x1000/467478100a.jpg?sw=800&sh=1028&q=100\" class=\"d-block img-fluid\" alt=\"HUF Bad Hare Mens Trucker Hat image number 1\" itemprop=\"image\" />\n                            \n\n                                \n    <a href=\"/on/demandware.store/Sites-tillys-Site/default/Wishlist-ToggleProduct\"\n       class=\"wishlist  logged-out not-in-wishlist\"\n       data-nextaction=\"\"\n       aria-label=\"Add to Favorites\"\n       data-wishlistpid=\"46747810001\"\n       data-productname=\"HUF Bad Hare Mens Trucker Hat\"\n       data-uuid=\"\"\n       data-addmessage=\"Add HUF Bad Hare Mens Trucker Hat to your Favorites\"\n       data-removemessage=\"Remove HUF Bad Hare Mens Trucker Hat from your Favorites\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       data-wishlisturl=\"/on/demandware.store/Sites-tillys-Site/default/Wishlist-GetAllWishlistProduct\"\n       title=\"Add HUF Bad Hare Mens Trucker Hat to your Favorites\"\n    >\n        \n        \n            <div class=\"icon-heart-o  before\"></div>\n        \n    </a>\n\n\n                            \n                        </button>\n                        \n                        \n                    \n\n                    \n                    \n                </div>\n            </div>\n            \n\n\n\n        </div>\n        \n            \n            \n            <div class=\"primary-images-thumbnails col-12 col-lg-3 order-lg-1\">\n                <div id=\"slider-pdp-46747810001\" class=\"slider-container slider-thumbnails slider-thumbnails-vertical-lg slider-buttons-inside slider-buttons-inside-md slider-buttons-inside-lg\"\n                    data-slider-items=\"2\"\n                    data-slider-items-md=\"2\"\n                    data-slider-items-lg=\"2\"\n                    data-slider-gutter=\"1\"\n                    data-slider-gutter-md=\"1\"\n                    data-slider-gutter-lg=\"1\"\n                    data-slider-loop=\"false\"\n                    data-arrow-keys=\"true\"\n                    role=\"region\" aria-label=\"carousel\"\n                >\n                    <div class=\"slider\">\n                        \n                            \n                            <button class=\"slide\">\n                                <img src=\"https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dwcde81fd8/tillys/images/catalog/1000x1000/467478100.jpg?sw=82&sh=105\" class=\"d-block img-fluid\" alt=\"HUF Bad Hare Mens Trucker Hat image number 1\" itemprop=\"image\" />\n                            </button>\n\n                            \n                            \n                        \n                            \n                            <button class=\"slide\">\n                                <img src=\"https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dw410e65d9/tillys/images/catalog/1000x1000/467478100a.jpg?sw=82&sh=105\" class=\"d-block img-fluid\" alt=\"HUF Bad Hare Mens Trucker Hat image number 2\" itemprop=\"image\" />\n                            </button>\n\n                            \n                            \n                        \n\n                        \n                        \n                    </div>\n                    <div class=\"slider-thumbnail-controls d-none\">\n                        <div class='prev icon-arrow-left-thin'></div>\n                        <div class='next icon-arrow-right-thin'></div>\n                    </div>\n                </div>\n            </div>\n        \n    </div>\n    <div class=\"row\">\n        <div class=\"col open-full-size-image pr-0\">\n            <a href=\"#\" class=\"float-right\">Open full size image</a>\n        </div>\n    </div>\n</div>\n\n<div id=\"imageModal\" class=\"modal modal-fullscreen\" tabindex=\"0\" role=\"dialog\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <div class=\"modal-title sr-only\">name: Apple Pay</div>\n                <button class=\"close focus-visible\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">×</span>\n                </button>\n            </div>\n            <div class=\"modal-body\">\n                <a class=\"zoom-prev focus-visible\" href=\"#\" aria-label=\"Previous Image\"><</a>\n                <div>\n                    <img id=\"modalImage\" class=\"img-fluid\">\n                </div>\n                <a class=\"zoom-next focus-visible\" href=\"#\" aria-label=\"Next Image\">></a>\n            </div>\n            <div class=\"modal-footer\">\n                <a class=\"zoom-prev focus-visible\" href=\"#\" aria-label=\"Previous Image\"><</a>\n                <a class=\"zoom-next focus-visible\" href=\"#\" aria-label=\"Next Image\">></a>\n            </div>\n        </div>\n    </div>\n</div>\n\n\n\n        <!-- Product Name and Number -->\n        <div class=\"col-12 col-md-5\">\n            <div class=\"row\">\n                <div class=\"col\">\n                    <section>\n                        <h1 tabindex=\"0\" class=\"product-name font-weight-bold\">HUF Bad Hare Mens Trucker Hat</h1>\n                        \n\n                        \n    <div class=\"product-clearance-label\">\n        Clearance\n    </div>\n\n\n                    </section>\n                    <div class=\"sr-only d-none\">\n                        no.\n<span class=\"product-id\">46747810001</span>\n\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"row\">\n                <div class=\"col\">\n                    <!-- Product Rating -->\n                    <div class=\"ratings\">\n                        \n\n\n<div id=\"tt-teaser-icons\" style=\"display:none;\" width=\"0\" height=\"0\">\n\t<svg xmlns=\"​http://www.w3.org/2000/svg​\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n\t<symbol id=\"tt-teaser-star--empty\" viewBox=\"0 0 24 24\"> <path d=\"M12 18l-6.4 3.88 1.73-7.33-5.66-4.93L9.09 9 12 2.09 14.91 9l7.42.64-5.63 5 1.72 7.34z\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"></path>\n\t</symbol>\n\t<symbol id=\"tt-teaser-star--full\" viewBox=\"0 0 24 24\"> <path d=\"M12 18.66l-7.44 4.35 1.98-8.16L0 9.36l8.62-.7L12 .99l3.38 7.67 8.62.7-6.54 5.49 1.98 8.16L12 18.66z\" xmlns=\"http://www.w3.org/2000/svg\"></path>\n\t</symbol>\n\t<symbol id=\"tt-teaser-star--half\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M12 2.09L9.09 9l-7.42.62 5.66 4.93-1.72 7.32 1.07-.65L12 17.97V2.09z\" xmlns=\"http://www.w3.org/2000/svg\"></path>\n\t<path d=\"M12 2.09L14.91 9l7.42.62-5.66 4.93 1.72 7.32-1.07-.65L12 17.97V2.09z\"></path>\n\t</symbol>\n\t</svg>\n</div>\n\n\n\n<link rel=\"stylesheet\" href=\"/on/demandware.static/Sites-tillys-Site/-/default/v1716211755972/css/teasers.css\" />\n\n\n<div id=\"46747810001\" class=\"TTteaser\" data-productid=\"46747810001\" data-starrating=\"0.0\"></div>\n\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"row align-items-start\">\n            <div class=\"col ml-auto\">\n                <!-- Prices -->\n                <div class=\"prices clearfix\">\n                    \n                    \n                    \n                    \n    <div class=\"price\">\n        \n        <span>\n    \n    \n    \n    \n\n    \n        \n        \n\n        \n            <span class=\"value\" content=\"35.99\">\n                <span class=\"sr-only\">\n                    Price reduced from\n                </span>\n\n                $35.99\n\n\n\n                <span class=\"sr-only\">\n                    to\n                </span>\n            </span>\n        \n\n        \n            \n        \n\n        \n        \n\n        \n            \n\n            <span class=\"promo\">\n                <span class=\"value\" content=\"28.97\">\n                    <span class=\"now-label \">Now</span>\n\n                    $28.97\n\n\n\n                    \n                        <span class=\"font-weight-normal\">\n                            (20% Off)\n                        </span>\n                    \n                </span>\n            </span>\n        \n        \n            \n        \n    \n</span>\n\n    </div>\n\n\n                    \n                    \n                        <div class=\"payment-messages\">\n                            \n                                \n                                <input type=\"hidden\" class=\"updated-widget\" value=\"https://www.tillys.com/on/demandware.store/Sites-tillys-Site/default/AfterpayWidget-GetUpdatedWidget\"/>\n                                <div class=\"afterpay-widget\">\n                                    \n\n\n\n\n\n\n                                    \n                                    \n                                    \n\n                                    \n<div>\n\n\n\n<div class=\"afterpay-widget-message payment-section pdp-afterpay-message\" data-in-threshold=\"false\">\n<span class=\"afterpay-link\" >\nAvailable on orders between $35 - $1,000 by\n<img class=\"afterpay-image\" src=\"https://www.tillys.com/on/demandware.static/Sites-tillys-Site/-/default/dwd0b5407b/images/logo-afterpay.svg\" alt=\"Afterpay\" title=\"Afterpay\">\n<a id=\"afterPayLearnMorePayment\" href=\"/on/demandware.store/Sites-tillys-Site/default/AfterpayTerms-ShowTerms\"> Learn more</a>\n</span>\n</div>\n<div class=\"afterpay-widget-message summary-section pdp-afterpay-message\" data-in-threshold=\"false\">\n<span class=\"afterpay-link\" >\nInterest-free installments by \n<img class=\"afterpay-image\" src=\"https://www.tillys.com/on/demandware.static/Sites-tillys-Site/-/default/dwd0b5407b/images/logo-afterpay.svg\" alt=\"Afterpay\" title=\"Afterpay\">\navailable between $35 - $1,000.\n<a id=\"afterPayLearnMoreSummary\" href=\"/on/demandware.store/Sites-tillys-Site/default/AfterpayTerms-ShowTerms\"> Learn more</a>\n</span>\n</div>\n\n\n\n</div>\n\n                                </div>\n                            \n                        </div>\n                    \n                </div>\n            </div>\n        </div>\n            \n\n            <div class=\"detail-panel\">\n                <!-- Attributes -->\n                <section class=\"attributes\">\n\n                    \n                    \n                    <div class=\"js-variation-attributes-container\">\n                        \n                            <div data-attr=\"color\" class=\"swatch row\">\n                                <div class=\"col-12\">\n                                    \n\n\n\n\n\n\n\n    <div class=\"attribute\">\n        <ul class=\"list-unstyled mb-0\">\n            \n                \n                <li>\n                    <span class=\"color non-input-label color-label\">\n                        Color: <span class=\"color-display-value\">BLACK</span>\n                    </span>\n                </li>\n                \n                <li>\n                    <div class=\"row\">\n                        \n                            \n                                \n                                <div class=\"col-auto\">\n                                    <input type=\"radio\" aria-label=\"Color BLACK\" class=\"sr-only productColorAttr productColorInput\" name=\"productColor\" id=\"productColor\" checked />\n                                    <label for=\"productColor\" data-attr-value=\"100\"\n                                        data-displayvalue=\"BLACK\"\n                                        class=\"productColorAttr productColorInput_txt mr-0 swatch\n                                            color-value\n                                            swatch-circle\n                                            swatch-value\n                                            selected\n                                            unselectable\n                                        \"\n                                        style=\"background-image: url(https://www.tillys.com/dw/image/v2/BFBK_PRD/on/demandware.static/-/Sites-master-catalog/default/dwffc32899/tillys/images/catalog/swatch/467478100.jpg?sw=60&sh=77)\"\n                                    >\n                                    </label>\n                                </div>\n                                <button class=\"colorBtn d-none\" data-url=\"undefined&quickview=true\"></button>\n                            \n                        \n                    </div>\n                </li>\n            \n        </ul>\n    </div>\n\n\n\n\n                                </div>\n\n                                \n                            </div>\n                        \n                            <div data-attr=\"size\" class=\"swatch row\">\n                                <div class=\"col-12\">\n                                    \n\n\n\n\n\n\n\n    <div class=\"attribute\">\n        <ul class=\"list-unstyled mb-0\">\n            \n\n                \n                <div class=\"row\">\n                    <div class=\"col-6\">\n                        <span class=\"size non-input-label color-label\" for=\"size-1\">\n                            Size:\n                        </span>\n                    </div>\n                    <div class=\"col-6 d-flex justify-content-end pr-3\">\n                        \n                        \n                            <div class=\"size-chart d-md-block d-lg-none\">\n                                <a href=\"/on/demandware.store/Sites-tillys-Site/default/Product-SizeChart?cid=mens-clothing-size\" class=\"js-size-chart\" data-target=\"#sizeChartModal\">Size Chart</a>\n\n                            </div>\n                        \n                    </div>\n                </div>\n\n                \n                <div id=\"select-size-tooltip\"\n                    data-toggle=\"popover\"\n                    data-placement=\"top\"\n                    data-title='<button class=\"close\" data-dismiss=\"alert\">×</button>'\n                    data-template='<div class=\"select-size-tooltip popover\" role=\"tooltip\"><div class=\"arrow\"></div><div class=\"popover-header\"></div><div class=\"popover-body\"></div></div>'\n                    data-content=\"Choose a size to continue\"\n                >\n                    <span class=\"sr-only\">Choose a size to continue</span>\n                </div>\n\n                \n\n                \n                    \n                \n                \n                \n\n                \n                \n                    <div class=\"size-chart d-none d-lg-block my-1\">\n                        <a href=\"/on/demandware.store/Sites-tillys-Site/default/Product-SizeChart?cid=mens-clothing-size\" class=\"js-size-chart\" data-target=\"#sizeChartModal\">Size Chart</a>\n\n                    </div>\n                \n\n            \n        </ul>\n    </div>\n\n\n\n\n                                </div>\n\n                                \n                                    \n                                    <div class=\"attribute quantity d-none col-4 d-sm-none \">\n                                        \n                                            \n\n\n\n\n\n\n\n\n\n\n\n<label class=\"sr-only\" for=\"quantity-1\">\n    Select quantity:\n</label>\n<select\n    class=\"quantity-select custom-select form-control \"\n    id=\"quantity-1\"\n    name=\"quantity-select\"\n    tabindex=\"0\"\n>\n    \n        \n            \n        \n        <option value=\"1\"\n            data-url=\"/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=1&quickview=true\"\n                selected\n        >\n            1\n        </option>\n    \n        \n        <option value=\"2\"\n            data-url=\"/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=2&quickview=true\"\n                \n        >\n            2\n        </option>\n    \n        \n        <option value=\"3\"\n            data-url=\"/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=3&quickview=true\"\n                \n        >\n            3\n        </option>\n    \n        \n        <option value=\"4\"\n            data-url=\"/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=4&quickview=true\"\n                \n        >\n            4\n        </option>\n    \n        \n        <option value=\"5\"\n            data-url=\"/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=5&quickview=true\"\n                \n        >\n            5\n        </option>\n    \n        \n        <option value=\"6\"\n            data-url=\"/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=6&quickview=true\"\n                \n        >\n            6\n        </option>\n    \n        \n        <option value=\"7\"\n            data-url=\"/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=7&quickview=true\"\n                \n        >\n            7\n        </option>\n    \n        \n        <option value=\"8\"\n            data-url=\"/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=8&quickview=true\"\n                \n        >\n            8\n        </option>\n    \n        \n        <option value=\"9\"\n            data-url=\"/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=9&quickview=true\"\n                \n        >\n            9\n        </option>\n    \n        \n        <option value=\"10\"\n            data-url=\"/on/demandware.store/Sites-tillys-Site/default/Product-Variation?dwvar_467478100_color=100&dwvar_467478100_size=ONSZ&pid=46747810001&quantity=10&quickview=true\"\n                \n        >\n            10\n        </option>\n    \n</select>\n\n\n\n                                        \n                                    </div>\n                                \n                            </div>\n                        \n                    </div>\n                    \n\n                    <div class=\"row availability\" data-ready-to-order=\"true\" data-available=\"false\">\n                        \n\n\n\n\n\n\n\n                    </div>\n                </section>\n                \n                \n                    <section class=\"bopis-options-container\"\n                        data-render-url=\"https://www.tillys.com/on/demandware.store/Sites-tillys-Site/default/Bopis-RenderOptions\"\n                        data-change-shipping-method-url=\"https://www.tillys.com/on/demandware.store/Sites-tillys-Site/default/Bopis-ChangeShippingMethod\"\n                    >\n                        \n                            \n\n\n\n\n\n\n\n\n    <div class=\"bopis-options position-relative\">\n        <ul class=\"list-unstyled mb-0\"\n            role=\"radiogroup\"\n            aria-label=\"shipping options\"\n            data-quantity=\"1\"\n            data-pliuuid=\"\"\n            data-product-id=\"46747810001\"\n            data-current-shipping-method=\"UD01\"\n            data-update-options-url=\"https://www.tillys.com/on/demandware.store/Sites-tillys-Site/default/Bopis-UpdateDeliveryOptions\"\n        >\n\n            \n                \n                \n\n\n\n\n\n\n\n<li role=\"presentation\">\n<div class=\"custom-control custom-radio\">\n\n<input type=\"radio\"\nclass=\"custom-control-input\"\nid=\"bopis-option-default-6b3fd37f6e14b0f3db8f2b37aa\"\nname=\"bopis-option-6b3fd37f6e14b0f3db8f2b37aa\"\nvalue=\"UD01\"\ndata-store-id=\"\"\ndata-add-to-cart-url=\"https://www.tillys.com/on/demandware.store/Sites-tillys-Site/default/Cart-AddProduct\" checked disabled\n/>\n<label class=\"custom-control-label\"\nfor=\"bopis-option-default-6b3fd37f6e14b0f3db8f2b37aa\"\naria-checked=\"true\"\nrole=\"radio\"\n>\n<span class=\"option-label\">\n\nShip It\n\n</span>\n\n<span class=\"option-default\">\n\n\n<span class=\"text-danger\">\n- Not Available\n</span>\n\n\n<span class=\"d-block mt-1 text-danger\">\n\nOut of Stock\n\n</span>\n\n\n</span>\n\n\n</label>\n</div>\n</li>\n\n\n\n\n                \n                \n                    \n\n\n\n\n\n                \n\n                \n                \n\n                \n                \n                    \n\n\n\n\n\n                \n            \n\n        </ul>\n    </div>\n\n\n                        \n                    </section>\n                \n\n                \n                    <!-- Options -->\n                    \n                \n                <div class=\"row\">\n                    <div class=\"col-12\">\n                        <div class=\"row align-items-end\">\n                            <div class=\"col-12 ml-auto quick-view-button-container\">\n                                <!-- Cart and [Optionally] Apple Pay -->\n                                \n                                    \n<div class=\"row cart-and-ipay\">\n    <div class=\"col-sm-12\">\n        <input type=\"hidden\" class=\"add-to-cart-url\" value=\"/on/demandware.store/Sites-tillys-Site/default/Cart-AddProduct\"/>\n        <button class=\"add-to-cart-global btn btn-primary qv-product-edit-add\" \n                \n                    data-gtmdata=\"{&quot;id&quot;:&quot;467478100&quot;,&quot;brand&quot;:&quot;HUF&quot;,&quot;gender&quot;:&quot;men&quot;,&quot;variant&quot;:&quot;BLACK&quot;,&quot;childID&quot;:&quot;46747810001&quot;,&quot;name&quot;:&quot;HUF Bad Hare Mens Trucker Hat&quot;,&quot;category&quot;:&quot;Trucker Hats&quot;,&quot;categoryID&quot;:&quot;mens-accessories-hats-truckers&quot;,&quot;price&quot;:&quot;28.97&quot;}\"\n                \n                data-pid=\"46747810001\"\n                disabled>\n            <i class=\"fa fa-shopping-bag\"></i>\n            \n                Add to Bag\n            \n        </button>\n    </div>\n</div>\n\n                                \n                            </div>\n                        </div>\n                        <div class=\"row align-items-end\">\n                            \n    <div class=\"product-final-sale-label\">\n        Final Sale\n    </div>\n\n\n\n                            \n                            <div class=\"col-12 ml-auto pdp-link-container\">\n                                <a class=\"pdp-link\">View Full Details</a>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    \n\n    \n</div>\n\n",
  "productUrl": "/product/huf-bad-hare-mens-trucker-hat/46747810001.html",
  "__gtmEvents": [
    null,
    null
  ]
}