{
  "action": "Product-ShowQuickView",
  "queryString": "pid=20386906-01",
  "locale": "en_US",
  "googlePaymentsConfig": "{\"merchantName\":\"CityBeach\",\"merchantAccount\":\"CityBeach_CityBeachCOM_SFCC_US_TEST\",\"environment\":\"TEST\",\"allowedCardNetworks\":[\"AMEX\",\"VISA\",\"JCB\",\"MASTERCARD\"],\"allowedCardAuthMethods\":[\"CRYPTOGRAM_3DS\",\"PAN_ONLY\"],\"countryCode\":\"AU\"}",
  "product": {
    "category": "mens-accessories-headwear-bucket_hats",
    "masterPid": "20386906",
    "variationGroupID": "20386906-01",
    "isWishlistedProduct": false,
    "images": {
      "large": [
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-FT-XL.jpg?sw=800&sh=1000&q=70",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-BK-XL.jpg?sw=800&sh=1000&q=70",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-LT-XL.jpg?sw=800&sh=1000&q=70",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-RT-XL.jpg?sw=800&sh=1000&q=70",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-TP-XL.jpg?sw=800&sh=1000&q=70",
          "title": "Cord Bucket Hat"
        }
      ],
      "small": [
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-FT-XL.jpg?sw=200&sh=250&q=100",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-BK-XL.jpg?sw=200&sh=250&q=100",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-LT-XL.jpg?sw=200&sh=250&q=100",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-RT-XL.jpg?sw=200&sh=250&q=100",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-TP-XL.jpg?sw=200&sh=250&q=100",
          "title": "Cord Bucket Hat"
        }
      ],
      "large-mobile": [
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-FT-XL.jpg?sw=600&sh=750&q=70",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-BK-XL.jpg?sw=600&sh=750&q=70",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-LT-XL.jpg?sw=600&sh=750&q=70",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-RT-XL.jpg?sw=600&sh=750&q=70",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-TP-XL.jpg?sw=600&sh=750&q=70",
          "title": "Cord Bucket Hat"
        }
      ],
      "hi-res": [
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-FT-XL.jpg",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-BK-XL.jpg",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-LT-XL.jpg",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-RT-XL.jpg",
          "title": "Cord Bucket Hat"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-TP-XL.jpg",
          "title": "Cord Bucket Hat"
        }
      ],
      "pdp": [
        {
          "alt": "Cord Bucket Hat",
          "url": "https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dwb6d5b460/missing.jpg",
          "title": "Cord Bucket Hat"
        }
      ]
    },
    "uuid": "66ab6b0a367c95e97a6a5dbd9b",
    "id": "20386906-01",
    "productName": "Cord Bucket Hat",
    "productType": "variationGroup",
    "brand": "Quiksilver",
    "customProps": {
      "Colour": "Dark Navy",
      "ageGroup": "Adult",
      "color": "st_01",
      "currentPrice": "32.99",
      "customRankBoost": "30",
      "custom_promotion_rank": "30",
      "gender": "Mens",
      "isFlamable": "No",
      "isProductAvailableinNZ": true,
      "isProductAvailableinUS": true,
      "newDate": "Fri Jan 31 2025 16:28:40 GMT-0000 (GMT)",
      "newInRanking": "50",
      "pattern": [
        "Plain"
      ],
      "productTypelvl0": [
        "Mens;;"
      ],
      "productTypelvl1": [
        "Accessories"
      ],
      "productTypelvl2": [
        "Headwear"
      ],
      "productTypelvl3": [
        "Bucket hats"
      ],
      "recentOfflineSales21Days": "71.98",
      "recentOfflineSales3Days": "39.99",
      "recentOfflineUnits21Days": "2",
      "recentOfflineUnits3Days": "39.99",
      "recentOnlineSales21Days": "39.99",
      "recentOnlineSales3Days": "39.99",
      "recentOnlineUnits21Days": "1",
      "recentOnlineUnits3Days": "1",
      "refinementColour": "Navy",
      "totalOfflineReturnSales": "39.99",
      "totalOfflineReturnUnits": "1",
      "totalOfflineSales": "271.93",
      "totalOfflineUnits": "7",
      "totalOnlineSales": "263.42",
      "totalOnlineUnits": "7"
    },
    "gtmData": {
      "id": "20386906-01",
      "brand": "Quiksilver",
      "name": "Cord Bucket Hat",
      "category": "Bucket Hats",
      "categoryID": "mens-accessories-headwear-bucket/hats"
    },
    "gtmGA4Data": {
      "item_id": "20386906",
      "item_name": "Cord Bucket Hat",
      "item_brand": "Quiksilver",
      "item_variant": "20386906-01",
      "quantity": 1,
      "item_category": "Bucket Hats",
      "item_list_id": "20386906-01",
      "item_list_name": "Cord Bucket Hat"
    },
    "Colour": "Dark Navy",
    "ageGroup": "Adult",
    "color": "st_01",
    "currentPrice": 32.99,
    "customRankBoost": 30,
    "custom_promotion_rank": 30,
    "exclusiveProduct": false,
    "gender": "Mens",
    "isFlamable": "No",
    "isNew": false,
    "isProductAvailableinNZ": true,
    "isProductAvailableinUS": true,
    "newDate": "2025-01-31T16:28:40.000Z",
    "newInRanking": 50,
    "onSale": false,
    "outletProduct": false,
    "pattern": [
      "Plain"
    ],
    "productTypelvl0": [
      "Mens;;"
    ],
    "productTypelvl1": [
      "Accessories"
    ],
    "productTypelvl2": [
      "Headwear"
    ],
    "productTypelvl3": [
      "Bucket hats"
    ],
    "recentOfflineReturnSales21Days": 0,
    "recentOfflineReturnSales3Days": 0,
    "recentOfflineReturnUnits21Days": 0,
    "recentOfflineReturnUnits3Days": 0,
    "recentOfflineSales21Days": 71.98,
    "recentOfflineSales3Days": 39.99,
    "recentOfflineUnits21Days": 2,
    "recentOfflineUnits3Days": 39.99,
    "recentOnflineReturnSales3Days": 0,
    "recentOnlineReturnSales21Days": 0,
    "recentOnlineReturnUnits21Days": 0,
    "recentOnlineSales21Days": 39.99,
    "recentOnlineSales3Days": 39.99,
    "recentOnlineUnits21Days": 1,
    "recentOnlineUnits3Days": 1,
    "refinementColour": "Navy",
    "totalOfflineReturnSales": 39.99,
    "totalOfflineReturnUnits": 1,
    "totalOfflineSales": 271.93,
    "totalOfflineUnits": 7,
    "totalOnlineReturnSales": 0,
    "totalOnlineReturnUnits": 0,
    "totalOnlineSales": 263.42,
    "totalOnlineUnits": 7,
    "styleColourID": "20386906-01",
    "price": {
      "sales": {
        "value": null,
        "currency": null,
        "formatted": "N/A"
      },
      "list": null
    },
    "renderedPrice": "    <div class=\"price\">\r\n        \r\n        <span>\r\n    \r\n\r\n    \r\n\r\n    \r\n    <span class=\"sales\">\r\n        \r\n        \r\n        \r\n            <span class=\"value\" content=\"null\"></span>\r\n        \r\n        N/A\r\n\r\n\r\n    </span>\r\n</span>\r\n\r\n    </div>\r\n\r\n\r\n",
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 10,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color",
        "id": "color",
        "swatchable": true,
        "displayValue": "01",
        "values": [
          {
            "id": "st_01",
            "description": null,
            "value": "st_01",
            "selected": true,
            "selectable": true,
            "displayValue": "Dark Navy",
            "url": "https://dev.citybeach.com/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?dwvar_20386906-01_color=st_01&pid=20386906-01&quantity=1",
            "availabilityMsg": "",
            "productDetails": {
              "productID": "20386906-01",
              "iswishlisted": false,
              "images": [
                {
                  "alt": "Quiksilver Cord Bucket Hat for Mens",
                  "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-FT-XL.jpg?sw=600&sh=750&q=70",
                  "title": "Cord Bucket Hat"
                },
                {
                  "alt": "Quiksilver Cord Bucket Hat for Mens",
                  "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-BK-XL.jpg?sw=600&sh=750&q=70",
                  "title": "Cord Bucket Hat"
                }
              ],
              "priceHtml": "    <div class=\"price\">\r\n        \r\n        <span>\r\n    \r\n\r\n    \r\n\r\n    \r\n    <span class=\"sales\">\r\n        \r\n        \r\n        \r\n            <span class=\"value\" content=\"null\"></span>\r\n        \r\n        N/A\r\n\r\n\r\n    </span>\r\n</span>\r\n\r\n    </div>\r\n\r\n\r\n",
              "video": "",
              "promotionsHtml": "    \r\n        \r\n            <div class=\"pdp-promotion-block\" data-pmid=\"20220306us-BOGO50co\" data-pmName=\"20220306us-BOGO50co\">\r\n                <div class=\"pdp-promotion\">\r\n                    \r\n                        <div class=\"bogo-callout\"><p><span style=\"\"><strong><a href=\"/us/brands/\"><span style=\"color:#015C44;\"><span\r\n  style=\"line-height: 19px;\"><span\r\n      style=\"background-color:#fff;padding: 1px 8px 3px;\">BUY 1, GET 1 50% OFF*</span></span></span></a><span style=\"color:#fff;\">&nbsp;<br />\r\n          <span style=\"background-color:#015C44; padding: 1px 8px 3px; line-height: 1.6; border-radius: 20px; font-weight: bolder; letter-spacing: 1.6px;\">CODE: BOGO50</span></span></strong></span></p>\r\n      </div>\r\n<style>\r\n@media only screen and (max-width: 1024px) {\r\n.bogo-callout {\r\n  font-size: 12px;\r\n  }\r\n\r\n  .bogo-callout * {\r\n      font-size:12px;\r\n  }\r\n}\r\n</style>\r\n                    \r\n                </div>\r\n            </div>\r\n        \r\n    \r\n            <input type=\"hidden\" name=\"promotionObject\" value=\"[{&quot;calloutMsg&quot;:&quot;&lt;div class=\\&quot;bogo-callout\\&quot;&gt;&lt;p&gt;&lt;span style=\\&quot;\\&quot;&gt;&lt;strong&gt;&lt;a href=\\&quot;/us/brands/\\&quot;&gt;&lt;span style=\\&quot;color:#015C44;\\&quot;&gt;&lt;span\\r\\n  style=\\&quot;line-height: 19px;\\&quot;&gt;&lt;span\\r\\n      style=\\&quot;background-color:#fff;padding: 1px 8px 3px;\\&quot;&gt;BUY 1, GET 1 50% OFF*&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style=\\&quot;color:#fff;\\&quot;&gt;&amp;nbsp;&lt;br /&gt;\\r\\n          &lt;span style=\\&quot;background-color:#015C44; padding: 1px 8px 3px; line-height: 1.6; border-radius: 20px; font-weight: bolder; letter-spacing: 1.6px;\\&quot;&gt;CODE: BOGO50&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;\\r\\n      &lt;/div&gt;\\r\\n&lt;style&gt;\\r\\n@media only screen and (max-width: 1024px) {\\r\\n.bogo-callout {\\r\\n  font-size: 12px;\\r\\n  }\\r\\n\\r\\n  .bogo-callout * {\\r\\n      font-size:12px;\\r\\n  }\\r\\n}\\r\\n&lt;/style&gt;&quot;,&quot;details&quot;:&quot;&quot;,&quot;enabled&quot;:true,&quot;id&quot;:&quot;20220306us-BOGO50co&quot;,&quot;name&quot;:&quot;20220306us-BOGO50co&quot;,&quot;promotionClass&quot;:&quot;PRODUCT&quot;,&quot;rank&quot;:null,&quot;customCalloutMsg&quot;:&quot;&quot;}]\">\r\n\r\n",
              "sizes": [
                {
                  "pid": "2038690601014-01",
                  "attrValue": "st_162436",
                  "attrDisplayValue": "S/M",
                  "attrId": "st_162436",
                  "selectable": true
                },
                {
                  "pid": "2038690601021-01",
                  "attrValue": "st_162438",
                  "attrDisplayValue": "L/XL",
                  "attrId": "st_162438",
                  "selectable": true
                }
              ]
            },
            "variantID": "2038690601014-01",
            "images": {
              "swatch": [
                {
                  "alt": "01",
                  "url": "/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-SW-XS.jpg",
                  "title": "01"
                }
              ]
            }
          }
        ]
      },
      {
        "attributeId": "size",
        "displayName": "Size",
        "id": "size",
        "swatchable": false,
        "displayValue": "",
        "values": [
          {
            "id": "st_162436",
            "description": null,
            "value": "st_162436",
            "selected": false,
            "selectable": true,
            "displayValue": "S/M",
            "url": "https://dev.citybeach.com/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?dwvar_20386906-01_color=st_01&dwvar_20386906-01_size=st_162436&pid=20386906-01&quantity=1",
            "availabilityMsg": "",
            "variantID": "2038690601014-01"
          },
          {
            "id": "st_162438",
            "description": null,
            "value": "st_162438",
            "selected": false,
            "selectable": true,
            "displayValue": "L/XL",
            "url": "https://dev.citybeach.com/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?dwvar_20386906-01_color=st_01&dwvar_20386906-01_size=st_162438&pid=20386906-01&quantity=1",
            "availabilityMsg": "",
            "variantID": "2038690601021-01"
          }
        ],
        "resetUrl": "https://dev.citybeach.com/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?dwvar_20386906-01_color=st_01&dwvar_20386906-01_size=&pid=20386906-01&quantity=1"
      }
    ],
    "longDescription": "<div class=\"row\"><div class=\"col-5\">Brand:</div><div class=\"col-7\">Quiksilver</div><div class=\"col-5\">Product:</div><div class=\"col-7\">Mens Cord Bucket Hat</div></div><!--<div style=\"color:#8d8d8d;font-family: visby cf bold; font-size: 18px; font-weight: 500; line-height: 1.2;padding:20px 0 5px 0;\">Product Features</div>--><div class=\"row\"><div class=\"col-5\">Pattern:</div><div class=\"col-7\">Plain</div><div class=\"col-5\">Composition:</div><div class=\"col-7\">Polyester, Cotton</div></div><!--<div style=\"color:#8d8d8d;font-family: visby cf bold; font-size: 18px; font-weight: 500; line-height: 1.2;padding:20px 0 5px 0;\">Care</div>--><div class=\"row\"><div class=\"col-5\">Care Instructions:</div><div class=\"col-7\">Do not bleach, Do not dryclean, Iron, low, Hand wash, Dry flat</div></div><!--<div style=\"color:#8d8d8d;font-family: visby cf bold; font-size: 18px; font-weight: 500; line-height: 1.2;padding:20px 0 5px 0;\">Additional Features</div>--><div class=\"row\"><!-- ******************* --><!-- ***** CLOTHES ***** --><!-- ******************* --><div class=\"col-5\">Trim Detail:</div><div class=\"col-7\">Embroidered logo trim</div><!----><!-- ******************* --><!-- *****BAGS ***** --><!-- ******************* --><!-- ******************* --><!-- **** HEADWEAR**** --><!-- ******************* --><div class=\"col-5\">Hat Style:</div><div class=\"col-7\">Bucket hat</div><div class=\"col-5\">Headwear Features:</div><div class=\"col-7\">Internal sweatband</div><!-- ******************* --><!-- *** ACCESSORIES *** --><!-- ******************* --><!-- ******************* --><!-- **** SWIMWEAR**** --><!-- ******************* --><!-- ******************* --><!-- ** BOARD SPORTS** --><!-- ******************* --><!-- ******************* --><!-- **** FOOTWEAR**** --><!-- ******************* --><!-- ******************* --><!-- *****MISC.***** --><!-- ******************* --><div class=\"col-5\">Material:</div><div class=\"col-7\">Corduroy</div><!-- ******************************* --><!-- *****SIZEGUIDE GENDER SPEC***** --><!-- ******************************* --><div style=\"line-height:0px;margin-top:-25px;\"><div class=\"col-5\">&nbsp;</div><div class=\"col-7\"><div class=\"IamAmensProduct\">&nbsp;</div></div></div></div>",
    "shortDescription": "Mens Cord Bucket Hat made with Corduroy",
    "rating": 5,
    "promotions": [
      {
        "calloutMsg": "<div class=\"bogo-callout\"><p><span style=\"\"><strong><a href=\"/us/brands/\"><span style=\"color:#015C44;\"><span\r\n  style=\"line-height: 19px;\"><span\r\n      style=\"background-color:#fff;padding: 1px 8px 3px;\">BUY 1, GET 1 50% OFF*</span></span></span></a><span style=\"color:#fff;\">&nbsp;<br />\r\n          <span style=\"background-color:#015C44; padding: 1px 8px 3px; line-height: 1.6; border-radius: 20px; font-weight: bolder; letter-spacing: 1.6px;\">CODE: BOGO50</span></span></strong></span></p>\r\n      </div>\r\n<style>\r\n@media only screen and (max-width: 1024px) {\r\n.bogo-callout {\r\n  font-size: 12px;\r\n  }\r\n\r\n  .bogo-callout * {\r\n      font-size:12px;\r\n  }\r\n}\r\n</style>",
        "details": "",
        "enabled": true,
        "id": "20220306us-BOGO50co",
        "name": "20220306us-BOGO50co",
        "promotionClass": "PRODUCT",
        "rank": null,
        "customCalloutMsg": ""
      }
    ],
    "attributes": null,
    "availability": {
      "messages": [
        "In Stock"
      ],
      "inStockDate": null
    },
    "available": true,
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?pid=20386906-01&quantity=1"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?pid=20386906-01&quantity=2"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?pid=20386906-01&quantity=3"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?pid=20386906-01&quantity=4"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?pid=20386906-01&quantity=5"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?pid=20386906-01&quantity=6"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?pid=20386906-01&quantity=7"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?pid=20386906-01&quantity=8"
      },
      {
        "value": "9",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?pid=20386906-01&quantity=9"
      },
      {
        "value": "10",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?pid=20386906-01&quantity=10"
      }
    ],
    "selectedProductUrl": "/us/quiksilver-cord-bucket-hat/20386906-01.html?dwvar_20386906-01_color=st_01&quantity=undefined",
    "readyToOrder": false,
    "online": true,
    "pageTitle": null,
    "pageDescription": null,
    "pageKeywords": null,
    "pageMetaTags": [
      {},
      {},
      {}
    ],
    "template": null,
    "videos": [],
    "productSearchHit": {},
    "variantImages": [
      {
        "values": [
          {}
        ]
      }
    ],
    "productStoreInventory": null,
    "brandPageLink": "/us/brands/quiksilver/",
    "video": {},
    "videoIframeCode": null,
    "hiresImages": {
      "hi-res": [
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-FT-XL.jpg",
          "index": "0",
          "title": "Cord Bucket Hat",
          "absURL": "https://dev.citybeach.com/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-FT-XL.jpg"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-BK-XL.jpg",
          "index": "1",
          "title": "Cord Bucket Hat",
          "absURL": "https://dev.citybeach.com/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-BK-XL.jpg"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-LT-XL.jpg",
          "index": "2",
          "title": "Cord Bucket Hat",
          "absURL": "https://dev.citybeach.com/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-LT-XL.jpg"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-RT-XL.jpg",
          "index": "3",
          "title": "Cord Bucket Hat",
          "absURL": "https://dev.citybeach.com/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-RT-XL.jpg"
        },
        {
          "alt": "Quiksilver Cord Bucket Hat for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-TP-XL.jpg",
          "index": "4",
          "title": "Cord Bucket Hat",
          "absURL": "https://dev.citybeach.com/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-TP-XL.jpg"
        }
      ]
    }
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Select Styles for 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",
  "bvDisplay": {
    "bvPid": "CityBeachUS-20386906-01",
    "qvType": "pdpsummary",
    "productUrl": {},
    "rr": {
      "enabled": true
    },
    "showSummary": true
  },
  "commercePaymentsConfiguration": {
    "enabled": true,
    "expressOnPdpEnabled": true,
    "expressOnMiniCartEnabled": true,
    "expressOnCartEnabled": true,
    "expressOnCheckoutEnabled": true,
    "multiStepCheckoutEnabled": true,
    "cardCaptureAutomatic": false,
    "futureUsageOffSession": true
  },
  "renderedTemplate": "<div class=\"product-quickview product-detail product-variationGroup col product-wrapper product-detail\" data-pid=\"20386906-01\"\r\n\tdata-gtmdata=\"{&quot;item_name&quot;:&quot;Cord Bucket Hat&quot;,&quot;item_id&quot;:&quot;20386906-01&quot;,&quot;item_variationGroupID&quot;:&quot;20386906-01&quot;,&quot;item_brand&quot;:&quot;Quiksilver&quot;,&quot;item_category&quot;:&quot;mens-accessories-headwear-bucket_hats&quot;,&quot;item_variant&quot;:&quot;Dark Navy&quot;,&quot;price&quot;:0,&quot;item_list_name&quot;:&quot;Category Pages&quot;,&quot;item_list_id&quot;:&quot;category_pages&quot;,&quot;gender&quot;:&quot;Mens&quot;,&quot;quantity&quot;:1,&quot;style_colour_ID&quot;:&quot;20386906-01&quot;,&quot;sale_type&quot;:&quot;&quot;,&quot;new_unit_price&quot;:0,&quot;product_lifecycle&quot;:&quot;Current&quot;}\">\r\n    <div class=\"row\">\r\n        <!-- Product Images Carousel -->\r\n        \r\n\r\n\r\n\r\n<div class=\"col-6\">\r\n\t<div id=\"content\">\r\n\t\t<div class=\"quickview-product-images\">\r\n\t\t\t<a href=\"#\"\r\n\t\t\t\tclass=\"add-to-wish-list-quickview wishlist-icon-block\"\r\n\t\t\t\tdata-addtowishlist=\"/on/demandware.store/Sites-CityBeachUS-Site/en_US/Wishlist-AddProduct\"\r\n\t\t\t\tdata-removefromwishlist=\"/on/demandware.store/Sites-CityBeachUS-Site/en_US/Wishlist-RemoveProduct\">\r\n\t\t\t\t<svg width=\"27\" height=\"27\" viewBox=\"0 0 18 16\">\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M9.01163699,14.9053769 C8.72930024,14.7740736 8.41492611,14.6176996 8.07646224,14.4366167 C7.06926649,13.897753 6.06198912,13.2561336 5.12636931,12.5170512 C2.52930452,10.4655288 1.00308384,8.09476443 1.00000218,5.44184117 C0.997549066,2.99198843 2.92175104,1.01242822 5.28303025,1.01000225 C6.41066623,1.00972036 7.49184369,1.4629765 8.28270844,2.2678673 L8.99827421,2.9961237 L9.71152148,2.26559643 C10.4995294,1.45849728 11.5791258,1.0023831 12.7071151,1.00000055 L12.7060299,1.00000225 C15.0693815,0.997574983 16.9967334,2.97018759 17.0000037,5.421337 C17.0038592,8.07662382 15.4809572,10.4530151 12.8850542,12.5121483 C11.9520963,13.2521931 10.9477036,13.8951276 9.94340074,14.4354976 C9.60619585,14.6169323 9.29297309,14.7736855 9.01163699,14.9053769 Z\"\r\n\t\t\t\t\t\tstroke=\"#2d2d2d\" stroke-width=\"1\" fill=\"transparent\"></path>\r\n\t\t\t\t</svg>\r\n\t\t\t\t<span class=\"smallHeart smallHeart_1\" /></span>\r\n\t\t\t\t<span class=\"smallHeart smallHeart_2\" /></span>\r\n\t\t\t</a>\r\n\t\t\t<div id=\"pdpCarousel-20386906-01\" class=\"col-12 image-section product-carousel\" data-interval=\"0\" data-prev=\"Previous\" data-next=\"Next\">\r\n\t\t\t\t\r\n\t\t\t\t\t<img src=\"https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-FT-XL.jpg?sw=800&amp;sh=1000&amp;q=70\" class=\"img-responsive\" alt=\"Quiksilver Cord Bucket Hat for Mens\" itemprop=\"image\" />\r\n\t\t\t\t\r\n\t\t\t\t\t<img src=\"https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-BK-XL.jpg?sw=800&amp;sh=1000&amp;q=70\" class=\"img-responsive\" alt=\"Quiksilver Cord Bucket Hat for Mens\" itemprop=\"image\" />\r\n\t\t\t\t\r\n\t\t\t\t\t<img src=\"https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-LT-XL.jpg?sw=800&amp;sh=1000&amp;q=70\" class=\"img-responsive\" alt=\"Quiksilver Cord Bucket Hat for Mens\" itemprop=\"image\" />\r\n\t\t\t\t\r\n\t\t\t\t\t<img src=\"https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-RT-XL.jpg?sw=800&amp;sh=1000&amp;q=70\" class=\"img-responsive\" alt=\"Quiksilver Cord Bucket Hat for Mens\" itemprop=\"image\" />\r\n\t\t\t\t\r\n\t\t\t\t\t<img src=\"https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-TP-XL.jpg?sw=800&amp;sh=1000&amp;q=70\" class=\"img-responsive\" alt=\"Quiksilver Cord Bucket Hat for Mens\" itemprop=\"image\" />\r\n\t\t\t\t\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n\r\n        <div class=\"col-6 detail-block\">\r\n            <div class=\"detail-panel\">\r\n            \t<!-- Branding -->\r\n                \r\n               \t\t<div class=\"product-brand\">\r\n                    \t\r\n                    \t<span class=\"brand-name\">Quiksilver</span>\r\n                \t</div>\r\n               \t\r\n\r\n                <div>\r\n                \t<h1 class=\"product-name text-left\">Cord Bucket Hat</h1>\r\n                </div>\r\n\r\n                \r\n                \r\n                    \r\n                        \r\n\r\n \r\n\r\n    <div data-bv-show=\"rating_summary\" data-bv-product-id=\"CityBeachUS-20386906-01\"  id=\"data-bv-show\" class=\"bv-hidden\">\r\n        \r\n    </div>\r\n\r\n                    \r\n                \r\n                \r\n\r\n                <div>\r\n\t                <!-- Prices -->\r\n\t                <div class=\"prices\">\r\n\t                    \r\n\t                    \r\n    <div class=\"price\">\r\n        \r\n        <span>\r\n    \r\n\r\n    \r\n\r\n    \r\n    <span class=\"sales\">\r\n        \r\n        \r\n        \r\n            <span class=\"value\" content=\"null\"></span>\r\n        \r\n        N/A\r\n\r\n\r\n    </span>\r\n</span>\r\n\r\n    </div>\r\n\r\n\r\n\t                    <div class=\"promotions\">\r\n\t                    \t\r\n\r\n\r\n    \r\n        \r\n            <div class=\"pdp-promotion-block\" data-pmid=\"20220306us-BOGO50co\" data-pmName=\"20220306us-BOGO50co\">\r\n                <div class=\"pdp-promotion\">\r\n                    \r\n                        <div class=\"bogo-callout\"><p><span style=\"\"><strong><a href=\"/us/brands/\"><span style=\"color:#015C44;\"><span\r\n  style=\"line-height: 19px;\"><span\r\n      style=\"background-color:#fff;padding: 1px 8px 3px;\">BUY 1, GET 1 50% OFF*</span></span></span></a><span style=\"color:#fff;\">&nbsp;<br />\r\n          <span style=\"background-color:#015C44; padding: 1px 8px 3px; line-height: 1.6; border-radius: 20px; font-weight: bolder; letter-spacing: 1.6px;\">CODE: BOGO50</span></span></strong></span></p>\r\n      </div>\r\n<style>\r\n@media only screen and (max-width: 1024px) {\r\n.bogo-callout {\r\n  font-size: 12px;\r\n  }\r\n\r\n  .bogo-callout * {\r\n      font-size:12px;\r\n  }\r\n}\r\n</style>\r\n                    \r\n                </div>\r\n            </div>\r\n        \r\n    \r\n            <input type=\"hidden\" name=\"promotionObject\" value=\"[{&quot;calloutMsg&quot;:&quot;&lt;div class=\\&quot;bogo-callout\\&quot;&gt;&lt;p&gt;&lt;span style=\\&quot;\\&quot;&gt;&lt;strong&gt;&lt;a href=\\&quot;/us/brands/\\&quot;&gt;&lt;span style=\\&quot;color:#015C44;\\&quot;&gt;&lt;span\\r\\n  style=\\&quot;line-height: 19px;\\&quot;&gt;&lt;span\\r\\n      style=\\&quot;background-color:#fff;padding: 1px 8px 3px;\\&quot;&gt;BUY 1, GET 1 50% OFF*&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style=\\&quot;color:#fff;\\&quot;&gt;&amp;nbsp;&lt;br /&gt;\\r\\n          &lt;span style=\\&quot;background-color:#015C44; padding: 1px 8px 3px; line-height: 1.6; border-radius: 20px; font-weight: bolder; letter-spacing: 1.6px;\\&quot;&gt;CODE: BOGO50&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;\\r\\n      &lt;/div&gt;\\r\\n&lt;style&gt;\\r\\n@media only screen and (max-width: 1024px) {\\r\\n.bogo-callout {\\r\\n  font-size: 12px;\\r\\n  }\\r\\n\\r\\n  .bogo-callout * {\\r\\n      font-size:12px;\\r\\n  }\\r\\n}\\r\\n&lt;/style&gt;&quot;,&quot;details&quot;:&quot;&quot;,&quot;enabled&quot;:true,&quot;id&quot;:&quot;20220306us-BOGO50co&quot;,&quot;name&quot;:&quot;20220306us-BOGO50co&quot;,&quot;promotionClass&quot;:&quot;PRODUCT&quot;,&quot;rank&quot;:null,&quot;customCalloutMsg&quot;:&quot;&quot;}]\">\r\n\r\n\r\n\t                    </div>\r\n\t                </div>\r\n\t            </div>\r\n\r\n\t            <div class=\"view-details\">\r\n\t            \t<a href=\"/us/quiksilver-cord-bucket-hat/20386906-01.html\">View full details</a>\r\n\t            </div>\r\n\r\n\t\t\t\t<!-- Attributes -->\r\n                <section class=\"attributes\">\r\n                    <div class=\"row\">\r\n    <div class=\"col\">\r\n        \r\n    </div>\r\n</div>\r\n\r\n                    \r\n                        <div data-attr=\"color\" class=\"swatch color-swatch-block\">\r\n                        \t\r\n\r\n<div class=\"attribute \">\r\n    \r\n\r\n    \t\r\n    \t\r\n    \t\t\r\n    \t\t\t\r\n    \t\t\r\n    \t\r\n\r\n        <!-- Select <Attribute> Label -->\r\n        <span class=\"color non-input-label\">\r\n            <span class=\"color-label font-extrabold\">Colour</span>\r\n            \r\n            \t<span class=\"selected-color\">\r\n            \t\tDark Navy\r\n            \t</span>\r\n           \t\r\n        </span>\r\n\r\n        <!-- Circular Swatch Image Attribute Values -->\r\n        \r\n        \t\r\n\t\t    \r\n\t\t\t\r\n        \t\r\n\r\n            \r\n                <button class=\"color-attribute selectable\"\r\n                        aria-label=\"Select Color Dark Navy\"\r\n                        aria-describedby=\"st_01\"\r\n                        data-url=\"https://dev.citybeach.com/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?dwvar_20386906-01_color=st_01&amp;pid=20386906-01&amp;quantity=1\" \r\n                >\r\n                \t<span class=\"swatch-outer selected\">\r\n                    <span data-attr-value=\"st_01\"\r\n                          class=\"\r\n                              color-value\r\n                              swatch-square\r\n                              swatch-value\r\n                              selected\r\n                              selectable\r\n                          \"\r\n                          style=\"background-image: url(/on/demandware.static/-/Sites-fewstoneMaster/en_US/v1781176957000/images/20386906/20386906-01-SW-XS.jpg)\"\r\n                    >\r\n                    </span>\r\n                    <span id=\"st_01\" class=\"sr-only selected-assistive-text\">\r\n                        selected\r\n                    </span>\r\n                    </span>\r\n                </button>\r\n            \r\n        \r\n\r\n    \r\n</div>\r\n\r\n                        \t\r\n\t                        \t<div class=\"product-number-info\">\r\n\t\t\t\t\t\t\t\t\t<span>Product number:</span> <span class=\"value\">20386906-01</span>\r\n\t\t\t\t\t\t\t\t</div>\r\n                                <div class=\"name-and-brand\">\r\n                                    \r\n                                        <span class=\"product-name\">Cord Bucket Hat</span>\r\n                                        by <span class=\"brand-name\">Quiksilver</span>\r\n                                    \r\n                                </div>\r\n                        \t\r\n                        </div>\r\n                    \r\n                        <div data-attr=\"size\" class=\"swatch size-swatch-block\">\r\n                        \t\r\n\r\n<div class=\"attribute size-attribute\">\r\n    \r\n        <!-- Attribute Values Drop Down Menu -->\r\n        <div class=\"size\" for=\"size-1\">\r\n            \r\n                <button type=\"button\" class=\"\" data-toggle=\"modal\" data-target=\"#sizeChartModal\">Size Guide</button>\r\n\r\n<iscontentasset aid=\"sizeChartModal\">\r\n            \r\n        </div>\r\n        <div class=\"select-size-block\">\r\n            <label id=\"size-label-1\" for=\"size-1\"\r\n                class=\"sr-only\"\r\n            >\r\n                Select sizes\r\n            </label>\r\n\t        <select class=\"d-none custom-select form-control select-size\" id=\"size-1\" >\r\n\t            <option value=\"https://dev.citybeach.com/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?dwvar_20386906-01_color=st_01&amp;dwvar_20386906-01_size=&amp;pid=20386906-01&amp;quantity=1\" data-attr-value=\"select\">Select Size</option>\r\n\t            \r\n\t                <option value=\"https://dev.citybeach.com/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?dwvar_20386906-01_color=st_01&amp;dwvar_20386906-01_size=st_162436&amp;pid=20386906-01&amp;quantity=1\" data-attr-value=\"st_162436\" class=\"\"\r\n\t                    \r\n\t                    \r\n\t                >S/M</option>\r\n\t            \r\n\t                <option value=\"https://dev.citybeach.com/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?dwvar_20386906-01_color=st_01&amp;dwvar_20386906-01_size=st_162438&amp;pid=20386906-01&amp;quantity=1\" data-attr-value=\"st_162438\" class=\"\"\r\n\t                    \r\n\t                    \r\n\t                >L/XL</option>\r\n\t            \r\n\t        </select>\r\n            <div class=\"size-notselected d-none\" id=\"size-error\" role=\"alert\" aria-live=\"assertive\">Please select the size</div>\r\n        </div>\r\n    \r\n\r\n        \r\n    \r\n</div>\r\n\r\n                        \t\r\n                        </div>\r\n                    \r\n                </section>\r\n\r\n                <input type=\"hidden\" class=\"quantity-select\" value=\"1\" data-url=\"/on/demandware.store/Sites-CityBeachUS-Site/en_US/Product-Variation?pid=20386906-01\">\r\n\r\n\t\t\t\t<!-- Optty Widget -->\r\n\t\t\t\t\r\n                \t\r\n\r\n\r\n\r\n\r\n\r\n                \r\n\r\n                <!-- Cart and [Optionally] Apple Pay -->\r\n                \r\n                \t<div class=\"select-size-block\">\r\n                    \t\r\n\r\n<div class=\"row cart-and-ipay\">\r\n    <div class=\"col-sm-12\">\r\n        <input type=\"hidden\" class=\"add-to-cart-url\" value=\"/on/demandware.store/Sites-CityBeachUS-Site/en_US/Cart-AddProduct\">\r\n        <button class=\"add-to-cart-global btn btn-primary\"\r\n                data-pid=\"20386906-01\"\r\n                >\r\n            \r\n                Add to Bag\r\n            \r\n        </button>\r\n        \r\n            \r\n                \r\n\r\n\r\n\r\n           \r\n        \r\n    </div>\r\n\r\n</div>\r\n\r\n                        \r\n\r\n                    </div>\r\n                \r\n                \r\n                    <!-- Options -->\r\n                    \r\n                \r\n            </div>\r\n            \r\n\r\n        </div>\r\n    </div>\r\n\r\n    \r\n\r\n    \r\n\r\n</div>",
  "productUrl": "/us/quiksilver-cord-bucket-hat/20386906-01.html"
}