{
  "action": "Product-ShowQuickView",
  "queryString": "pid=0887777388551",
  "locale": "en_US",
  "product": {
    "uuid": "dc7132dac7a5d09e32b71c11d0",
    "id": "0887777388568",
    "productName": "2025 Pinktober Hat in Natural Heather",
    "productType": "variant",
    "brand": null,
    "price": {
      "sales": {
        "value": 19.99,
        "currency": "USD",
        "formatted": "$19.99",
        "decimalPrice": "19.99"
      },
      "list": {
        "value": 28,
        "currency": "USD",
        "formatted": "$28.00",
        "decimalPrice": "28.00"
      }
    },
    "renderedPrice": "    <div class=\"price\">\n        \n        <span>\n    \n    \n \n    <span class=\"sales\">\n        \n        \n        \n            <span class=\"value\" content=\"19.99\">\n        \n        $19.99\n\n\n        </span>\n\n        \n        \n        <del>\n            <span class=\"strike-through list\">\n                <span class=\"value\" content=\"28.00\">\n                    <span class=\"sr-only\">\n                        Price reduced from\n                    </span>\n                    $28.00\n\n\n                    <span class=\"sr-only\">\n                        to\n                    </span>\n                </span>\n            </span>\n        </del>\n    \n\n    </span>\n</span>\n\n\n    </div>\n\n\n",
    "images": {
      "large": [
        {
          "alt": "2025 Pinktober Hat in Natural Heather",
          "url": "/on/demandware.static/-/Sites-hardrock-master/default/dw83dcdca0/images/large/0887777388551.jpg",
          "title": "2025 Pinktober Hat in Natural Heather"
        },
        {
          "alt": "2025 Pinktober Hat in Natural Heather",
          "url": "/on/demandware.static/-/Sites-hardrock-master/default/dw2fb3e373/images/large/0887777388551_4.jpg",
          "title": "2025 Pinktober Hat in Natural Heather"
        },
        {
          "alt": "2025 Pinktober Hat in Natural Heather",
          "url": "/on/demandware.static/-/Sites-hardrock-master/default/dw43bf1411/images/large/0887777388551_2.jpg",
          "title": "2025 Pinktober Hat in Natural Heather"
        },
        {
          "alt": "2025 Pinktober Hat in Natural Heather",
          "url": "/on/demandware.static/-/Sites-hardrock-master/default/dwb9e50655/images/large/0887777388551_3.jpg",
          "title": "2025 Pinktober Hat in Natural Heather"
        }
      ],
      "small": [
        {
          "alt": "2025 Pinktober Hat in Natural Heather",
          "url": "https://shop.hardrock.com/dw/image/v2/BJKF_PRD/on/demandware.static/-/Sites-hardrock-master/default/dw83dcdca0/images/large/0887777388551.jpg?sw=140&sh=140",
          "title": "2025 Pinktober Hat in Natural Heather"
        },
        {
          "alt": "2025 Pinktober Hat in Natural Heather",
          "url": "https://shop.hardrock.com/dw/image/v2/BJKF_PRD/on/demandware.static/-/Sites-hardrock-master/default/dw2fb3e373/images/large/0887777388551_4.jpg?sw=140&sh=140",
          "title": "2025 Pinktober Hat in Natural Heather"
        },
        {
          "alt": "2025 Pinktober Hat in Natural Heather",
          "url": "https://shop.hardrock.com/dw/image/v2/BJKF_PRD/on/demandware.static/-/Sites-hardrock-master/default/dw43bf1411/images/large/0887777388551_2.jpg?sw=140&sh=140",
          "title": "2025 Pinktober Hat in Natural Heather"
        },
        {
          "alt": "2025 Pinktober Hat in Natural Heather",
          "url": "https://shop.hardrock.com/dw/image/v2/BJKF_PRD/on/demandware.static/-/Sites-hardrock-master/default/dwb9e50655/images/large/0887777388551_3.jpg?sw=140&sh=140",
          "title": "2025 Pinktober Hat in Natural Heather"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 10,
    "variationAttributes": [
      {
        "attributeId": "city",
        "displayName": "City",
        "id": "city",
        "swatchable": false,
        "displayValue": "",
        "values": [
          {
            "id": "New York",
            "description": null,
            "displayValue": "New York",
            "value": "New York",
            "selected": false,
            "selectable": false
          }
        ],
        "isNoCityOnly": true
      }
    ],
    "longDescription": "<p>Stay strong, stand proud, and sing loud&mdash;our 2025 Pinktober Hat in Natural Heather reflects the strength and unity behind Hard Rock&rsquo;s Pinktober initiative in collaboration with Sports Illustrated Swimsuit. The Natural Heather colorway delivers a modern, understated backdrop that allows the Pinktober message to stand at the forefront. An adjustable back closure ensures a proper fit. Made for lasting use, this piece carries the campaign&rsquo;s call for awareness and solidarity, bringing together fashion, cause, and collaboration into one unconqured design.</p>",
    "shortDescription": "<ul> <li>Pinktober 2025 Hat</li> <li>Natural Heather Colorway</li> <li>Six-Panel Crown with Curved Brim</li> <li>Adjustable Back Closure</li> <li>Materials: Cotton-Poly Twill (Heathered)</li> <li>One Size Adjustable</li> <li>Spot Clean With A Microfiber Cloth</li> </ul>",
    "rating": 4.7,
    "promotions": [
      {
        "calloutMsg": "<p>Get <a href=\"https://shop.hardrock.com/guitar-and-music-accessories/wireless-clip-on-speaker-in-black/0887777488022.html\"><span style=\"color:#000000;\">Speaker</span></a>&nbsp;for $20 on orders $60 or more!</p>",
        "details": "Spend $60, get Speaker for $20!",
        "enabled": true,
        "id": "26 PWP Speaker",
        "name": "Get Speaker for $20 on Orders $60+",
        "promotionClass": "PRODUCT",
        "rank": 20
      },
      {
        "calloutMsg": "",
        "details": "",
        "enabled": true,
        "id": "Mutually Exclusive Promotions",
        "name": "Mutually Exclusive Promotions",
        "promotionClass": "ORDER",
        "rank": null
      }
    ],
    "attributes": [
      {
        "ID": "SearchRanking",
        "name": "Search Ranking",
        "attributes": [
          {
            "label": "Collection",
            "value": [
              "Pinktober"
            ]
          }
        ]
      }
    ],
    "availability": {
      "messages": [
        "This item is currently not available"
      ],
      "inStockDate": null
    },
    "available": false,
    "options": [],
    "quantities": [],
    "selectedProductUrl": "/pinktober-collection/2025-pinktober-hat-in-natural-heather/0887777388551.html?dwvar_0887777388551_city=New%20York&quantity=undefined",
    "readyToOrder": false,
    "online": true,
    "pageTitle": "Hard Rock Pinktober 2025 Hat in Natural Heather",
    "pageDescription": "The Hard Rock 2025 Pinktober Hat in Natural Heather is part of the global Pinktober campaign in collaboration with Sports Illustrated Swimsuit. Built with a neutral heathered finish and adjustable fit, this hat combines modern style with a clear message of awareness and support. Designed to highlight the Pinktober initiative, it stands as a purposeful piece that brings the campaign’s voice into everyday fashion. From awareness walks to daily wear, this exclusive Pinktober hat represents unity, strength, and a shared commitment to the cause.",
    "pageKeywords": "Pinktober hat 2025, Pinktober cap, Pinktober Natural Heather hat, breast cancer awareness hat, awareness ribbon hat, pink ribbon baseball cap, October awareness hat, cause hat, awareness campaign hat, limited edition Pinktober hat, heather gray hat, natural heather cap, adjustable back closure hat, unisex Pinktober hat, everyday wear cap, versatile heather hat, neutral color hat, stylish causewear hat, awareness fashion 2025, Pinktober merchandise, Pinktober collection hat, Pinktober gear 2025, breast cancer support hat, support awareness cap, stand proud hat, stay strong hat, sing loud hat, campaign hat 2025, modern heather cap, understated awareness hat, purpose-driven hat, awareness apparel cap, Pinktober accessory 2025, neutral fashion hat, cause-driven apparel, subtle awareness fashion, comfortable adjustable hat, awareness ribbon accessory, charity fashion 2025, purposeful fashion hat, Pinktober lifestyle cap, global awareness gear, everyday neutral cap, heather fabric hat, casual awareness cap, Pinktober 2025 apparel, Pinktober fashion hat, breast cancer awareness month hat, cause-related cap, gift for awareness, supporter hat 2025, meaningful fashion item, versatile daily hat, understated cause accessory, campaign merchandise hat, Pinktober walk gear, Pinktober fundraiser hat, stylish everyday cap, heathered campaign hat, unity awareness hat, inclusive cause hat, global awareness month hat, 2025 awareness collection, timeless neutral cap, awareness campaign apparel, casual heather cap, neutral wardrobe hat, on-trend causewear, solidarity cap 2025, stylish neutral accessory, October Pinktober apparel, breast cancer support merchandise, awareness initiative hat, unisex awareness cap, easy outfit accessory, community awareness hat, statement causewear piece, exclusive Pinktober 2025 hat, campaign fashion item, neutral heathered finish cap, collaborative cause hat, solidarity awareness hat, stand together cap, cause-support accessory, durable campaign hat, lasting awareness apparel, awareness-focused accessory, natural color cap, modern campaign apparel, unity driven cap, breast cancer awareness supporter gear, awareness accessory for men, awareness accessory for women, Pinktober neutral cap, global initiative hat, October event hat, awareness drive fashion, versatile cause accessory, breast cancer awareness Pinktober 2025, lifestyle awareness cap, functional awareness hat, campaign awareness gear, awareness campaign neutral cap, neutral toned fashion hat, collaborative apparel 2025, awareness hat with ribbon, stylish awareness gift, awareness campaign October hat, meaningful Pinktober item, cause-driven 2025 gear, exclusive collaboration hat, awareness-focused heather cap, solidarity apparel item, awareness campaign exclusive, versatile causewear piece, breast cancer awareness October 2025 hat, Pinktober unity hat, Hard Rock Pinktober 2025 hat, Hard Rock awareness cap, Hard Rock collaboration hat, Hard Rock campaign merchandise, Hard Rock Pinktober accessory, Hard Rock fashion hat, Hard Rock x Sports Illustrated Swimsuit hat, Sports Illustrated Swimsuit Pinktober hat, Sports Illustrated collaboration Pinktober 2025, Sports Illustrated awareness hat, Sports Illustrated Swimsuit campaign hat, Hard Rock Pinktober initiative gear, Hard Rock limited Pinktober hat, Hard Rock awareness merchandise, Hard Rock neutral heather cap, Sports Illustrated Pinktober fashion, Hard Rock Cafe Pinktober collaboration, Hard Rock official Pinktober hat.",
    "pageMetaTags": [],
    "template": null,
    "videoStorage": null,
    "isProductOnFinalSale": null,
    "isUnityProduct": null,
    "selectedSizeName": "",
    "selectedCityName": "New York",
    "isNoCityOnly": true,
    "categoryID": "new_pinktober_collection",
    "discountedAmount": "$8.01",
    "applicablePromotions": []
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Select size and city for availability",
    "assistiveSelectedText": "selected"
  },
  "quickViewFullDetailMsg": "View full product details",
  "closeButtonText": "Close Quickview Dialog",
  "enterDialogMessage": "Start of Quickview dialog window. Select Close to cancel and close the window.",
  "template": "product/quickView.isml",
  "commercePaymentsConfiguration": {
    "expressCheckoutEnabled": true,
    "multiStepCheckoutEnabled": true,
    "cardCaptureAutomatic": true
  },
  "categoryName": "Pinktober Collection",
  "renderedTemplate": "<div class=\"product-quickview product-variant col product-wrapper product-detail\" data-pid=\"0887777388568\">\n    <div class=\"row\">\n        <!-- Product Images Carousel -->\n        \n\n<div class=\"primary-images col-12 col-md-7 quick-img\">\n    <div class=\"d-flex justify-content-between w-100\">\n        <div class=\"secondary-slider-nav\">\n            \n                <div class='secondary-images-carousel-item mb-3'>\n                    <img src=\"/on/demandware.static/-/Sites-hardrock-master/default/dw83dcdca0/images/large/0887777388551.jpg\" class=\"d-block img-fluid\" alt=\"2025 Pinktober Hat in Natural Heather image number 1\" itemprop=\"image\" />\n                </div>\n            \n                <div class='secondary-images-carousel-item mb-3'>\n                    <img src=\"/on/demandware.static/-/Sites-hardrock-master/default/dw2fb3e373/images/large/0887777388551_4.jpg\" class=\"d-block img-fluid\" alt=\"2025 Pinktober Hat in Natural Heather image number 2\" itemprop=\"image\" />\n                </div>\n            \n                <div class='secondary-images-carousel-item mb-3'>\n                    <img src=\"/on/demandware.static/-/Sites-hardrock-master/default/dw43bf1411/images/large/0887777388551_2.jpg\" class=\"d-block img-fluid\" alt=\"2025 Pinktober Hat in Natural Heather image number 3\" itemprop=\"image\" />\n                </div>\n            \n                <div class='secondary-images-carousel-item mb-3'>\n                    <img src=\"/on/demandware.static/-/Sites-hardrock-master/default/dwb9e50655/images/large/0887777388551_3.jpg\" class=\"d-block img-fluid\" alt=\"2025 Pinktober Hat in Natural Heather image number 4\" itemprop=\"image\" />\n                </div>\n            \n            \n        </div>\n        <div class=\"primary-images-carousel\">\n        \n            <div class='primary-images-carousel-item'>\n                <img src=\"/on/demandware.static/-/Sites-hardrock-master/default/dw83dcdca0/images/large/0887777388551.jpg\" class=\"d-block img-fluid\" alt=\"2025 Pinktober Hat in Natural Heather image number 1\" itemprop=\"image\" />\n            </div>\n        \n            <div class='primary-images-carousel-item'>\n                <img src=\"/on/demandware.static/-/Sites-hardrock-master/default/dw2fb3e373/images/large/0887777388551_4.jpg\" class=\"d-block img-fluid\" alt=\"2025 Pinktober Hat in Natural Heather image number 2\" itemprop=\"image\" />\n            </div>\n        \n            <div class='primary-images-carousel-item'>\n                <img src=\"/on/demandware.static/-/Sites-hardrock-master/default/dw43bf1411/images/large/0887777388551_2.jpg\" class=\"d-block img-fluid\" alt=\"2025 Pinktober Hat in Natural Heather image number 3\" itemprop=\"image\" />\n            </div>\n        \n            <div class='primary-images-carousel-item'>\n                <img src=\"/on/demandware.static/-/Sites-hardrock-master/default/dwb9e50655/images/large/0887777388551_3.jpg\" class=\"d-block img-fluid\" alt=\"2025 Pinktober Hat in Natural Heather image number 4\" itemprop=\"image\" />\n            </div>\n        \n        \n        \n        </div>\n    </div>\n</div>\n\n        <!-- Product Name and Number -->\n        <div class=\"col-12 col-md-5 right-sec\">\n            <div class=\"row\">\n                <div class=\"col\">\n                    <section>\n                        <h1 class=\"product-name google-lato-semibold\">2025 Pinktober Hat in Natural Heather</h1>\n                    </section>\n                </div>\n            </div>\n\n           <!-- Final Sale -->\n            \n             \n            <div class=\"detail-panel\">\n                <!-- Attributes -->\n                <section class=\"attributes\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <!-- Prices -->\n                            <div class=\"py-0 prices text-left lh-120\">\n                                \n                                \n    <div class=\"price\">\n        \n        <span>\n    \n    \n \n    <span class=\"sales\">\n        \n        \n        \n            <span class=\"value\" content=\"19.99\">\n        \n        $19.99\n\n\n        </span>\n\n        \n        \n        <del>\n            <span class=\"strike-through list\">\n                <span class=\"value\" content=\"28.00\">\n                    <span class=\"sr-only\">\n                        Price reduced from\n                    </span>\n                    $28.00\n\n\n                    <span class=\"sr-only\">\n                        to\n                    </span>\n                </span>\n            </span>\n        </del>\n    \n\n    </span>\n</span>\n\n\n    </div>\n\n\n                            </div>\n                        </div>\n                    </div>\n                    <!-- Applicable Promotions -->\n                    <div class=\"row\">\n                        <div class=\"px-0 my-0 col-12 promotions\">\n                            <div class=\"align-self-center\">\n                                \n\n\n\n    \n\n\n\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n    <div class=\"col\">\n        \n            <div class=\"main-attributes\">\n                \n                    \n                \n            </div>\n        \n    </div>\n</div>\n\n                        \n                        \n                        \n                            <div data-attr=\"city\" class=\"swatch row\">\n                                <div class=\"col-12\">\n                                    \n \n\n \n\n\n\n<div class=\"attribute my-1\">\n    \n        <!-- Select <Attribute> Label -->\n        <label class=\"city google-lato-regular my-1 font-size-16 lh-100 text-capitalize\" for=\"city\">\n            City: <span class=\"google-lato-bold label-selected-city\">New York</span>\n        </label>\n\n        <!-- Attribute Values Drop Down Menu -->\n        <select class=\"custom-select form-control select-city\" id=\"city-1\" >\n            <option value=\"null\" class=\"default-option\" selected=\"true\" disabled>\n                Select City:\n            </option>\n            \n                \n            \n        </select>\n\n    \n</div>\n\n                                </div>\n\n                                \n                                    <!-- Quantity Drop Down Menu -->\n                                    <div class=\"attribute my-2 quantity col-12 d-sm-none\">\n                                        \n                                            <label class=\"google-lato-regular mb-12 font-size-16 lh-100 text-capitalize\" for=\"quantity-1\">\n    Quantity: \n    <span class=\"google-lato-bold label-selected-qty\">\n        1\n    </span>\n</label>\n<div>\n    <select class=\"quantity-select custom-select form-control disabled\" id=\"quantity-1\">\n        \n            <option =\"-\">-</option>\n        \n    </select>\n</div>\n\n                                        \n                                    </div>\n                                \n                            </div>\n                            \n                                \n                            \n                        \n                        \n                        <div class=\"d-sm-none row availability align-self-end \" data-ready-to-order=\"false\" data-available=\"false\">\n                            <div class=\"col-12 flex-nowrap d-flex google-lato-semibold font-size-14\">\n    <span class=\"availability non-input-label m-0 google-lato-semibold font-size-14 mr-1\">\n        Availability:\n    </span>\n    <ul class=\"list-unstyled availability-msg m-0\">\n        <li class=\"google-lato-semibold font-size-14\">\n            \n                \n                    <div>Select city for availability</div>\n                \n            \n        </li>\n    </ul>\n</div>\n\n\n                        </div>\n\n                </section>\n\n                \n                    <!-- Options -->\n                    \n                \n            </div>\n            \n\n            <div class=\"quantity my-1\">\n                <div class=\"row align-items-end\">\n                    <!-- Quantity -->\n                    <div class=\"hidden-xs-down col-12\">\n                        \n                            <label class=\"google-lato-regular mb-12 font-size-16 lh-100 text-capitalize\" for=\"quantity-1\">\n    Quantity: \n    <span class=\"google-lato-bold label-selected-qty\">\n        1\n    </span>\n</label>\n<div>\n    <select class=\"quantity-select custom-select form-control disabled\" id=\"quantity-1\">\n        \n            <option =\"-\">-</option>\n        \n    </select>\n</div>\n\n                        \n                    </div>\n\n                    <div class=\"hidden-xs-down col availability align-self-end global-availability\" data-ready-to-order=\"false\" data-available=\"false\">\n                        <div class=\"row\">\n                            <div class=\"col-12 flex-nowrap d-flex google-lato-semibold font-size-14\">\n    <span class=\"availability non-input-label m-0 google-lato-semibold font-size-14 mr-1\">\n        Availability:\n    </span>\n    <ul class=\"list-unstyled availability-msg m-0\">\n        <li class=\"google-lato-semibold font-size-14\">\n            \n                \n                    <div>Select city for availability</div>\n                \n            \n        </li>\n    </ul>\n</div>\n\n\n                        </div>\n                    </div>\n\n                    <div class=\"col-12\">\n                        <!-- Cart and [Optionally] Apple Pay -->\n                        \n                            \n\n\n    \n\n\n<div class=\"row cart-and-ipay commercepayments\">\n    <div class=\"col-sm-12 add-to-cart-actions\">\n        \n            <input type=\"hidden\" class=\"add-to-cart-url\" value=\"/on/demandware.store/Sites-hardrock-Site/en_US/Cart-AddProduct\">\n            <button class=\"add-to-cart-global btn btn-primary text-uppercase\"\n                    data-pid=\"0887777388568\"\n                    disabled>\n                \n                    Add to Bag\n                \n            </button>\n            \n            \n\n\n\n\n        \n    </div>\n</div>\n\n\n \n                        \n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    \n\n    \n</div>\n",
  "productUrl": "/pinktober-collection/2025-pinktober-hat-in-natural-heather/0887777388568.html",
  "__mccEvents": [
    [
      "trackCart",
      {
        "clear_cart": true
      }
    ],
    [
      "trackPageView",
      {
        "item": "0887777388551"
      }
    ]
  ]
}