{
  "action": "Product-ShowQuickView",
  "queryString": "pid=2040052BER",
  "locale": "en_US",
  "product": {
    "uuid": "0f724d3c26669ad98bc9939ab5",
    "id": "2040052BER",
    "productName": "Breakaway Hat",
    "productType": "variationGroup",
    "brand": "NTO",
    "price": {
      "sales": {
        "value": 22,
        "currency": "USD",
        "formatted": "$22.00",
        "decimalPrice": "22.00"
      },
      "list": null
    },
    "renderedPrice": "    <div class=\"price\">\n        \n        <span class=\"d-flex\">\n    \n    \n\n    \n    <span class=\"sales mr-1\">\n        \n        \n        \n            <span class=\"value\" content=\"22.00\">\n        \n        $22.00\n\n\n    </span>\n</span>\n</span>\n\n    </div>\n\n\n",
    "images": {
      "large": [
        {
          "alt": "Breakaway Hat",
          "url": "/on/demandware.static/-/Sites-nto-apparel/default/dwe3dda0e9/images/large/2040052BER-0.jpg",
          "title": "Breakaway Hat"
        }
      ],
      "small": [
        {
          "alt": "Breakaway Hat",
          "url": "/on/demandware.static/-/Sites-nto-apparel/default/dw8d4f3b51/images/small/2040052BER-0.jpg",
          "title": "Breakaway Hat"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 10,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color",
        "id": "color",
        "swatchable": true,
        "displayValue": "Urban Navy / Kokomo Green",
        "values": [
          {
            "id": "BER",
            "description": null,
            "displayValue": "Urban Navy / Kokomo Green",
            "value": "BER",
            "selected": true,
            "selectable": true,
            "url": "https://www.northerntrailoutfitters.com/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?dwvar_2040052BER_color=&pid=2040052BER&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "Urban Navy / Kokomo Green",
                  "url": "../../../../on/demandware.static/-/Sites-nto-apparel/default/dwa020f6ac/images/swatch/2040052BER-0.jpg",
                  "title": "Urban Navy / Kokomo Green"
                }
              ]
            }
          },
          {
            "id": "AC8",
            "description": null,
            "displayValue": "Black",
            "value": "AC8",
            "selected": false,
            "selectable": true,
            "url": "https://www.northerntrailoutfitters.com/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?dwvar_2040052BER_color=AC8&pid=2040052BER&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "Black",
                  "url": "../../../../on/demandware.static/-/Sites-nto-apparel/default/dw1909c446/images/swatch/2040052AC8-0.jpg",
                  "title": "Black"
                }
              ]
            }
          }
        ]
      },
      {
        "attributeId": "size",
        "displayName": "Size",
        "id": "size",
        "swatchable": false,
        "displayValue": "",
        "values": [
          {
            "id": "AEM",
            "description": null,
            "displayValue": "XS/S",
            "value": "AEM",
            "selected": false,
            "selectable": true,
            "url": "https://www.northerntrailoutfitters.com/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?dwvar_2040052BER_color=BER&dwvar_2040052BER_size=AEM&pid=2040052BER&quantity=1"
          },
          {
            "id": "AEF",
            "description": null,
            "displayValue": "S/M",
            "value": "AEF",
            "selected": false,
            "selectable": true,
            "url": "https://www.northerntrailoutfitters.com/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?dwvar_2040052BER_color=BER&dwvar_2040052BER_size=AEF&pid=2040052BER&quantity=1"
          },
          {
            "id": "AD0",
            "description": null,
            "displayValue": "L/XL",
            "value": "AD0",
            "selected": false,
            "selectable": true,
            "url": "https://www.northerntrailoutfitters.com/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?dwvar_2040052BER_color=BER&dwvar_2040052BER_size=AD0&pid=2040052BER&quantity=1"
          }
        ],
        "resetUrl": "https://www.northerntrailoutfitters.com/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?dwvar_2040052BER_color=BER&dwvar_2040052BER_size=&pid=2040052BER&quantity=1"
      }
    ],
    "longDescription": "<ul><li>Updated design is breathable and has comfortable fit</li>\n<li>Lightweight and quick drying</li>\n<li>Venting mesh panels</li>\n<li>Velcro adjustment at back</li>\n<li>Ultraviolet Protection Factor (UPF) 50</li>\n<li>sustainable fabric</li></ul>",
    "shortDescription": "The ergonomic design of this sleek performance hat pairs well with sunglasses and shows off the subtle laser-cut Half Dome logo on the brim.",
    "rating": 5,
    "promotions": null,
    "attributes": [
      {
        "ID": "basic",
        "name": "Basic Attributes",
        "attributes": [
          {
            "label": "Specifications",
            "value": [
              {}
            ]
          },
          {
            "label": "Activity",
            "value": [
              "Training"
            ]
          }
        ]
      },
      {
        "ID": "apparel",
        "name": "Apparel Attributes",
        "attributes": [
          {
            "label": "Apparel Features",
            "value": [
              "Lightweight",
              "Breathable"
            ]
          },
          {
            "label": "Fabric Type",
            "value": [
              "Body: 100% polyester woven"
            ]
          }
        ]
      }
    ],
    "availability": {
      "messages": [
        "In Stock"
      ],
      "inStockDate": null
    },
    "available": true,
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&quantity=1"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&quantity=2"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&quantity=3"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&quantity=4"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&quantity=5"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&quantity=6"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&quantity=7"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&quantity=8"
      },
      {
        "value": "9",
        "selected": false,
        "url": "/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&quantity=9"
      },
      {
        "value": "10",
        "selected": false,
        "url": "/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&quantity=10"
      }
    ],
    "selectedProductUrl": "/en_US/breakaway-hat-2040052BER.html?dwvar_2040052BER_color=BER&quantity=undefined",
    "readyToOrder": false,
    "online": true,
    "pageTitle": null,
    "pageDescription": null,
    "pageKeywords": null,
    "pageMetaTags": [],
    "template": null,
    "availableForInStorePickup": true,
    "giftRegistryLink": "/on/demandware.store/Sites-NTOSFRA-Site/en_US/GiftRegistry-AddProductInterceptAjax?rurl=3",
    "sizeChartId": null,
    "isOnSale": null,
    "recommendations": {},
    "features": [
      {
        "value": {},
        "slug": "lightweight"
      },
      {
        "value": {},
        "slug": "breathable"
      }
    ],
    "specifications": {}
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Select styles to see availability",
    "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",
  "enabledPlugins": {
    "InStorePickup": true,
    "DataDownload": true,
    "Wishlist": true,
    "GiftRegistry": true,
    "CommercePayments": true,
    "ApplePay": true,
    "ProductCompare": true
  },
  "renderedTemplate": "<div class=\"product-quickview product-variationGroup col product-wrapper product-detail\"\n    data-pid=\"2040052BER\">\n    <div class=\"row\">\n        <div class=\"col-12 col-sm-6\">\n            <div class=\"row\">\n                <!-- Product Images Carousel -->\n                <div class=\"col carousel-container\">\n                    \n\n<div class=\"d-flex\">\n    \n    <div class=\"product-carousel\">\n        \n            <div class=\"carousel-item\">\n                \n            </div>\n        \n    </div>\n</div>\n\n                </div>\n            </div>\n        </div>\n\n        <!-- Product Name and Number -->\n        <div class=\"col-12 col-sm-6\">\n            <div class=\"row\">\n                <div class=\"col\">\n                    <section>\n                        <h1 class=\"product-name\">\n                            <a class=\"text-reset\" href=../../../../-/en_US/breakaway-hat-2040052BER_html/-.html>\n                                Breakaway Hat</a>\n                        </h1>\n                    </section>\n                </div>\n            </div>\n\n            <div class=\"row\">\n                <div class=\"col d-flex flex-wrap justify-content-between align-items-center pb-2\">\n                    <!-- Prices -->\n                    <div class=\"prices\">\n                        \n                        \n    <div class=\"price\">\n        \n        <span class=\"d-flex\">\n    \n    \n\n    \n    <span class=\"sales mr-1\">\n        \n        \n        \n            <span class=\"value\" content=\"22.00\">\n        \n        $22.00\n\n\n    </span>\n</span>\n</span>\n\n    </div>\n\n\n                    </div>\n                    <div class=\"product-number-rating\">\n    <!-- Product Rating -->\n    <div class=\"ratings pull-right\">\n        <span class=\"sr-only\">\n            5 out of 5 Customer Rating\n        </span>\n        \n    \n        <i class=\"fas fa-star fa-lg\" aria-hidden=\"true\"></i>\n    \n\n    \n        <i class=\"fas fa-star fa-lg\" aria-hidden=\"true\"></i>\n    \n\n    \n        <i class=\"fas fa-star fa-lg\" aria-hidden=\"true\"></i>\n    \n\n    \n        <i class=\"fas fa-star fa-lg\" aria-hidden=\"true\"></i>\n    \n\n    \n        <i class=\"fas fa-star fa-lg\" aria-hidden=\"true\"></i>\n    \n\n\n    </div>\n</div>\n\n                </div>\n            </div>\n\n            <div class=\"hidden-xs-down col availability align-self-end global-availability row\"\n                data-ready-to-order=\"false\" data-available=\"true\">\n                <div class=\"row\">\n                    <div class=\"col-12\">\n    <ul class=\"list-unstyled availability-msg\">\n        <li>\n            \n                <div>Select styles to see availability</div>\n            \n        </li>\n    </ul>\n</div>\n\n                </div>\n            </div>\n\n            <!-- Product Subscriptions -->\n            \n                \n                    <og-offer product=\"2040052BER\"></og-offer>\n                \n            \n\n            <!-- Applicable Promotions -->\n            \n\n            <hr class=\"my-3\" />\n\n            <div class=\"detail-panel\">\n                <!-- Attributes -->\n                <section class=\"attributes\">\n                    \n                        <div data-attr=\"color\" class=\"swatch row\">\n                            <div class=\"col-12\">\n                                \n<div class=\"attribute\">\n    <!-- Select <Attribute> Label -->\n    <label class=\"color\">\n        Color\n    </label>\n\n    \n        <!-- Square Swatch Image Attribute Values -->\n        <div class=\"d-flex flex-wrap\">\n            \n                \n                    <button class=\"color-attribute\" data-url=\"https://www.northerntrailoutfitters.com/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?dwvar_2040052BER_color=&amp;pid=2040052BER&amp;quantity=1\" >\n                        \n                            <span data-attr-value=\"BER\"\n                                  class=\"color-value swatch swatch-value selected selectable\"\n                                  style=\"background-image: url(../../../../on/demandware.static/-/Sites-nto-apparel/default/dwa020f6ac/images/swatch/2040052BER-0.jpg)\">\n                            </span>\n                        \n                    </button>\n                \n            \n                \n                    <button class=\"color-attribute\" data-url=\"https://www.northerntrailoutfitters.com/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?dwvar_2040052BER_color=AC8&amp;pid=2040052BER&amp;quantity=1\" >\n                        \n                            <span data-attr-value=\"AC8\"\n                                  class=\"color-value swatch swatch-value  selectable\"\n                                  style=\"background-image: url(../../../../on/demandware.static/-/Sites-nto-apparel/default/dw1909c446/images/swatch/2040052AC8-0.jpg)\">\n                            </span>\n                        \n                    </button>\n                \n            \n        </div>\n    \n</div>\n\n                            </div>\n\n                            \n                        </div>\n                    \n                        <div data-attr=\"size\" class=\"swatch row\">\n                            <div class=\"col-12\">\n                                \n<div class=\"attribute\">\n    <!-- Select <Attribute> Label -->\n    <label class=\"size\">\n        Size\n    </label>\n\n    \n        <div class=\"d-flex flex-wrap\">\n            \n                \n                    <button class=\"size-attribute \" data-url=\"https://www.northerntrailoutfitters.com/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?dwvar_2040052BER_color=BER&amp;dwvar_2040052BER_size=AEM&amp;pid=2040052BER&amp;quantity=1\"\n                        >\n                        <span data-attr-value=\"AEM\" class=\"size-value\">XS/S\n                        </span>\n                    </button>\n                \n            \n                \n                    <button class=\"size-attribute \" data-url=\"https://www.northerntrailoutfitters.com/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?dwvar_2040052BER_color=BER&amp;dwvar_2040052BER_size=AEF&amp;pid=2040052BER&amp;quantity=1\"\n                        >\n                        <span data-attr-value=\"AEF\" class=\"size-value\">S/M\n                        </span>\n                    </button>\n                \n            \n                \n                    <button class=\"size-attribute \" data-url=\"https://www.northerntrailoutfitters.com/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?dwvar_2040052BER_color=BER&amp;dwvar_2040052BER_size=AD0&amp;pid=2040052BER&amp;quantity=1\"\n                        >\n                        <span data-attr-value=\"AD0\" class=\"size-value\">L/XL\n                        </span>\n                    </button>\n                \n            \n        </div>\n    \n</div>\n\n                            </div>\n\n                            \n                                <!-- Quantity Drop Down Menu -->\n                                \n                                    <div class=\"quantity col-4 d-none\">\n                                        \n                                            <label for=\"quantity-1\">Quantity</label>\n<select class=\"quantity-select custom-select form-control\" id=\"quantity-1\">\n    \n        <option value=\"1\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=1\"\n            selected\n        >\n            1\n        </option>\n    \n        <option value=\"2\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=2\"\n            \n        >\n            2\n        </option>\n    \n        <option value=\"3\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=3\"\n            \n        >\n            3\n        </option>\n    \n        <option value=\"4\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=4\"\n            \n        >\n            4\n        </option>\n    \n        <option value=\"5\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=5\"\n            \n        >\n            5\n        </option>\n    \n        <option value=\"6\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=6\"\n            \n        >\n            6\n        </option>\n    \n        <option value=\"7\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=7\"\n            \n        >\n            7\n        </option>\n    \n        <option value=\"8\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=8\"\n            \n        >\n            8\n        </option>\n    \n        <option value=\"9\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=9\"\n            \n        >\n            9\n        </option>\n    \n        <option value=\"10\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=10\"\n            \n        >\n            10\n        </option>\n    \n\n</select>\n\n                                        \n                                    </div>\n                                \n                            \n                        </div>\n                    \n\n                    <!-- Quantity Drop Down Menu -->\n                    \n                        \n                            <div class=\"attribute quantity\">\n                                <label for=\"quantity-1\">Quantity</label>\n<select class=\"quantity-select custom-select form-control\" id=\"quantity-1\">\n    \n        <option value=\"1\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=1\"\n            selected\n        >\n            1\n        </option>\n    \n        <option value=\"2\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=2\"\n            \n        >\n            2\n        </option>\n    \n        <option value=\"3\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=3\"\n            \n        >\n            3\n        </option>\n    \n        <option value=\"4\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=4\"\n            \n        >\n            4\n        </option>\n    \n        <option value=\"5\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=5\"\n            \n        >\n            5\n        </option>\n    \n        <option value=\"6\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=6\"\n            \n        >\n            6\n        </option>\n    \n        <option value=\"7\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=7\"\n            \n        >\n            7\n        </option>\n    \n        <option value=\"8\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=8\"\n            \n        >\n            8\n        </option>\n    \n        <option value=\"9\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=9\"\n            \n        >\n            9\n        </option>\n    \n        <option value=\"10\"\n            data-url=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Product-Variation?pid=2040052BER&amp;quantity=10\"\n            \n        >\n            10\n        </option>\n    \n\n</select>\n\n                            </div>\n                        \n                    \n                </section>\n\n                \n                    <!-- Options -->\n                    \n                \n            </div>\n\n            <div class=\"prices-add-to-cart-actions mt-3\">\n                <!-- Cart and [Optionally] Apple Pay -->\n                \n                    <div class=\"cart-and-ipay\" data-ipay-enabled=\"true\">\n    <input type=\"hidden\" class=\"add-to-cart-url\" value=\"/on/demandware.store/Sites-NTOSFRA-Site/en_US/Cart-AddProduct\" />\n    <div class=\"pdp-checkout-button d-flex\">\n        <button class=\"add-to-cart-global btn btn-primary flex-grow-1\" data-pid=\"2040052BER\" disabled>\n            <i class=\"fa fa-shopping-bag\"></i> Add to Cart\n        </button>\n    </div>\n\n    \n</div>\n<div class=\"text-center my-2\">\n    \n</div>\n\n                \n            </div>\n            <!-- Social Sharing Icons -->\n            <div class=\"row\">\n                \n\n\n<div class=\"social-container col-12 hidden-sm-down\">\n    <span class=\"share-label\">\n        Share\n    </span>\n    <ul class=\"social-icons\">\n        <li>\n            <a href=../../../../en_US/breakaway-hat-2040052BER_html-description-BreakawayHat-media-undefined/-/n.html title=\"Create a Pinterest Pin for Breakaway Hat\"\n                aria-label=\"Create a Pinterest Pin for Breakaway Hat\"\n                class=\"share-icons\" target=\"_blank\">\n                <i class=\"fab fa-pinterest\"></i>\n            </a>\n        </li>\n        <li>\n            <a href=../../../../en_US/breakaway-hat-2040052BER_html/-/n.html title=\"Share Breakaway Hat on Facebook\"\n                data-share=\"facebook\"\n                aria-label=\"Share Breakaway Hat on Facebook\"\n                class=\"share-icons\" target=\"_blank\">\n                <i class=\"fab fa-facebook\"></i>\n            </a>\n        </li>\n        <li>\n            <a href=../../../../en_US/breakaway-hat-2040052BER.html-text-Breakaway.html Hat\" data-share=\"twitter\"\n                title=\"Share a link to Breakaway Hat on Twitter\"\n                aria-label=\"Share a link to Breakaway Hat on Twitter\"\n                class=\"share-icons\" target=\"_blank\">\n                <i class=\"fab fa-twitter\"></i>\n            </a>\n        </li>\n        <li>\n            <a href=../../../../-.html#copy-link-message\" class=\"share-icons\" id=\"fa-link\" role=\"button\"\n                title=\"Copy a link to Breakaway Hat\"\n                aria-label=\"Copy a link to Breakaway Hat\">\n                <i class=\"fa fa-link\"></i>\n            </a>\n            <input type=\"hidden\" id=\"shareUrl\" value=\"https://www.northerntrailoutfitters.com/en_US/breakaway-hat-2040052BER.html\" />\n        </li>\n    </ul>\n</div>\n<div class=\"copy-link-message d-none\">\n    <div class=\"alert alert-success text-center\">\n        The link to Breakaway Hat has been copied\n    </div>\n</div>\n\n            </div>\n        </div>\n    </div>\n</div>\n",
  "productUrl": "/en_US/breakaway-hat-2040052BER.html",
  "__mccEvents": [
    [
      "trackPageView",
      {
        "item": "2040052"
      }
    ]
  ],
  "__gtmEvents": [
    [
      "trackPageView",
      {
        "item": "2040052"
      }
    ]
  ]
}