{
  "action": "Product-ShowQuickView",
  "queryString": "pid=103804001",
  "locale": "en_US",
  "product": {
    "bestOfferPrice": false,
    "available": false,
    "availability": {
      "messages": [
        "This item is currently not available"
      ],
      "isOutOfStock": true,
      "inStockDate": null
    },
    "uuid": "92eb3fdb88b458eea32fd3caa6",
    "id": "103804001",
    "productName": "Making Waves Cap",
    "productType": "master",
    "brand": "JJ",
    "price": {
      "sales": {
        "value": 9.99,
        "currency": "USD",
        "formatted": "$9.99",
        "decimalPrice": "9.99"
      },
      "list": {
        "value": 26.5,
        "currency": "USD",
        "formatted": "$26.50",
        "decimalPrice": "26.50"
      }
    },
    "renderedPrice": "    <div class=\"price\">\r\n        \r\n        <span class=\"price\" role=\"text\" aria-label=\"Product Price\" tabindex=\"0\">\r\n    \r\n        \r\n\r\n        \r\n            \r\n            <span class=\"strike-through-price\">\r\n                <span class=\"strike-through list\" role=\"text\">\r\n                    \r\n                        <span class=\"value\" content=\"26.50\" role=\"text\">\r\n                            <span class=\"sr-only\">\r\n                                Price reduced from $26.50 to&nbsp;\r\n                            </span>\r\n                            \r\n                                <span aria-hidden=\"true\">\r\n                                    $26.50\r\n                                </span>\r\n                            \r\n                        </span>\r\n                    \r\n                </span>\r\n            </span>\r\n        \r\n\r\n        \r\n        <span class=\"sales strike-price\">\r\n            \r\n                \r\n                \r\n                \r\n                    <span class=\"value\" content=\"9.99\"> </span>\r\n                \r\n                \r\n                    $9.99\r\n                \r\n            \r\n        </span>\r\n    \r\n</span>\r\n    </div>\r\n\r\n\r\n",
    "images": {
      "large": [
        {
          "alt": "Making Waves Cap",
          "url": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$",
          "index": "0",
          "title": "Making Waves Cap",
          "absURL": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$"
        }
      ],
      "small": [
        {
          "alt": "Making Waves Cap",
          "url": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$Cart_main$",
          "index": "0",
          "title": "Making Waves Cap",
          "absURL": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$Cart_main$"
        }
      ],
      "swatch": [],
      "medium": [
        {
          "alt": "Making Waves Cap",
          "url": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PLP_main$",
          "index": "0",
          "title": "Making Waves Cap",
          "absURL": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PLP_main$"
        }
      ],
      "largemobile": [
        {
          "alt": "Making Waves Cap",
          "url": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main_mobile$",
          "index": "0",
          "title": "Making Waves Cap",
          "absURL": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main_mobile$"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 10,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "color",
        "id": "color",
        "swatchable": true,
        "displayValue": "White Surfer",
        "values": [
          {
            "id": "S01440",
            "description": "White Surfer",
            "displayValue": "S01440",
            "value": "S01440",
            "selected": true,
            "selectable": false,
            "images": {
              "swatch": [],
              "large": [
                {
                  "alt": "Making Waves Cap",
                  "url": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$",
                  "index": "0",
                  "title": "Making Waves Cap",
                  "absURL": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$"
                }
              ]
            },
            "order": 999
          }
        ],
        "displayColorName": "White Surfer"
      },
      {
        "attributeId": "size",
        "displayName": "Size",
        "id": "size",
        "swatchable": true,
        "displayValue": "",
        "values": [
          {
            "id": "6-12",
            "description": "White Surfer",
            "displayValue": "6-12m",
            "value": "6-12",
            "selected": false,
            "selectable": false,
            "images": {
              "swatch": [],
              "large": [
                {
                  "alt": "Making Waves Cap",
                  "url": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$",
                  "index": "0",
                  "title": "Making Waves Cap",
                  "absURL": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$"
                }
              ]
            },
            "order": 999
          },
          {
            "id": "1224",
            "description": "White Surfer",
            "displayValue": "12-24m",
            "value": "1224",
            "selected": false,
            "selectable": false,
            "images": {
              "swatch": [],
              "large": [
                {
                  "alt": "Making Waves Cap",
                  "url": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$",
                  "index": "0",
                  "title": "Making Waves Cap",
                  "absURL": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$"
                }
              ]
            },
            "order": 999
          },
          {
            "id": "2-3",
            "description": "White Surfer",
            "displayValue": "2-3",
            "value": "2-3",
            "selected": false,
            "selectable": false,
            "images": {
              "swatch": [],
              "large": [
                {
                  "alt": "Making Waves Cap",
                  "url": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$",
                  "index": "0",
                  "title": "Making Waves Cap",
                  "absURL": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$"
                }
              ]
            },
            "order": 999
          },
          {
            "id": "4-5",
            "description": "White Surfer",
            "displayValue": "4-5",
            "value": "4-5",
            "selected": false,
            "selectable": false,
            "images": {
              "swatch": [],
              "large": [
                {
                  "alt": "Making Waves Cap",
                  "url": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$",
                  "index": "0",
                  "title": "Making Waves Cap",
                  "absURL": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$"
                }
              ]
            },
            "order": 999
          },
          {
            "id": "6-8",
            "description": "White Surfer",
            "displayValue": "6-8",
            "value": "6-8",
            "selected": false,
            "selectable": false,
            "images": {
              "swatch": [],
              "large": [
                {
                  "alt": "Making Waves Cap",
                  "url": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$",
                  "index": "0",
                  "title": "Making Waves Cap",
                  "absURL": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$"
                }
              ]
            },
            "order": 999
          },
          {
            "id": "1012",
            "description": "White Surfer",
            "displayValue": "10-12",
            "value": "1012",
            "selected": false,
            "selectable": false,
            "images": {
              "swatch": [],
              "large": [
                {
                  "alt": "Making Waves Cap",
                  "url": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$",
                  "index": "0",
                  "title": "Making Waves Cap",
                  "absURL": "https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$"
                }
              ]
            },
            "order": 999
          }
        ],
        "displayColorName": "White Surfer"
      }
    ],
    "longDescription": null,
    "shortDescription": null,
    "rating": 5,
    "promotions": [
      {
        "calloutMsg": "Free Shipping",
        "details": "Free economy U.S. shipping offer valid for orders placed on 5/9/2026 from 12:00am PT through 5/11/2026 11:59pm PT and is applied to all orders at checkout. No minimum purchase is required. Promotion not valid on international, express or rush shipping or for shipments to AK, HI, APO/FPO locations or U.S. territories. Promotion not valid in retail stores. Not valid for cash or cash equivalent. No adjustments will be made to prior purchases. Janie and Jack reserves the right to change or cancel this promotion at any time.",
        "enabled": true,
        "id": "promo-copy-free-shipping",
        "name": "Free Shipping",
        "promotionClass": "PRODUCT",
        "rank": 10
      }
    ],
    "attributes": [
      {
        "ID": "Gymboree Attributes",
        "name": "Gymboree Attributes",
        "attributes": [
          {
            "label": "itemName",
            "value": [
              "G SURFER BALLCAP SMR 4:MULTICOLOR"
            ]
          },
          {
            "label": "featureCode",
            "value": [
              "2938"
            ]
          },
          {
            "label": "countryOfOrigin",
            "value": [
              "VN"
            ]
          },
          {
            "label": "department",
            "value": [
              "JJ Accessories"
            ]
          },
          {
            "label": "category",
            "value": [
              "Hats"
            ]
          },
          {
            "label": "sub-category",
            "value": [
              "Hat"
            ]
          },
          {
            "label": "webCategory",
            "value": [
              "Accessories"
            ]
          },
          {
            "label": "gender",
            "value": [
              "Girl"
            ]
          },
          {
            "label": "age",
            "value": [
              "Kid"
            ]
          },
          {
            "label": "condition",
            "value": [
              "new"
            ]
          },
          {
            "label": "ageGroup",
            "value": [
              "2T-12yrs"
            ]
          },
          {
            "label": "productPath",
            "value": [
              "/Products/GYM/2_JANIE_AND_JACK/203_JJ_NON-APPAREL/58_JJ_ACCESSORIES/700_ACCESSORIES/700_HAT/103804001"
            ]
          },
          {
            "label": "crossSell1",
            "value": [
              "103919001"
            ]
          },
          {
            "label": "crossSell2",
            "value": [
              "104050001"
            ]
          },
          {
            "label": "crossSell3",
            "value": [
              "104223001"
            ]
          },
          {
            "label": "crossSell4",
            "value": [
              "103765001"
            ]
          },
          {
            "label": "collectionName",
            "value": [
              "25 JJ SUMMER 4"
            ]
          },
          {
            "label": "productDetails1",
            "value": [
              "Catch a wave of style with our cotton twill cap, perfect for sunny days. Featuring an embroidered surfer graphic."
            ]
          },
          {
            "label": "productDetails2",
            "value": [
              "100% Cotton Twill; Lining: 100% Cotton"
            ]
          },
          {
            "label": "productDetails3",
            "value": [
              "Fully Lined"
            ]
          },
          {
            "label": "productDetails8",
            "value": [
              "Machine Wash, Gentle Cycle; Imported"
            ]
          },
          {
            "label": "Occasion Type",
            "value": [
              "Everyday Vacation"
            ]
          },
          {
            "label": "Brand",
            "value": [
              "Janie and Jack"
            ]
          }
        ]
      }
    ],
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Product-Variation?dwvar_103804001_color=S01440&pid=103804001&quantity=1"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Product-Variation?dwvar_103804001_color=S01440&pid=103804001&quantity=2"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Product-Variation?dwvar_103804001_color=S01440&pid=103804001&quantity=3"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Product-Variation?dwvar_103804001_color=S01440&pid=103804001&quantity=4"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Product-Variation?dwvar_103804001_color=S01440&pid=103804001&quantity=5"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Product-Variation?dwvar_103804001_color=S01440&pid=103804001&quantity=6"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Product-Variation?dwvar_103804001_color=S01440&pid=103804001&quantity=7"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Product-Variation?dwvar_103804001_color=S01440&pid=103804001&quantity=8"
      },
      {
        "value": "9",
        "selected": false,
        "url": "/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Product-Variation?dwvar_103804001_color=S01440&pid=103804001&quantity=9"
      },
      {
        "value": "10",
        "selected": false,
        "url": "/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Product-Variation?dwvar_103804001_color=S01440&pid=103804001&quantity=10"
      }
    ],
    "sizeChartId": "janieandjack-size-charts",
    "selectedProductUrl": "/item/girls-making-waves-cap-103804001.html?dwvar_103804001_color=S01440&lang=en_US&quantity=undefined",
    "readyToOrder": false,
    "online": true,
    "pageTitle": null,
    "pageDescription": null,
    "pageKeywords": null,
    "pageMetaTags": [],
    "template": null,
    "productBadge": "",
    "customProductDetails": [
      "Catch a wave of style with our cotton twill cap, perfect for sunny days. Featuring an embroidered surfer graphic.",
      "100% Cotton Twill; Lining: 100% Cotton",
      "Fully Lined",
      "Machine Wash, Gentle Cycle; Imported"
    ],
    "primaryCategory": "Hats, Scarves, & Gloves",
    "primaryCategoryObj": {},
    "topcat": {},
    "classificationCategory": {},
    "masterProductID": "103804001",
    "giftCardType": "",
    "variationDescriptions": {
      "colorValue": "White Surfer",
      "sizeValue": ""
    },
    "youMightRecProducts": {},
    "completeLookRecProducts": {},
    "weThinkyouloveProducts": {},
    "pdpPageTitle": "Girl White Surfer Making Waves Cap by Janie and Jack",
    "pdpPageDescription": "Girl White Surfer Making Waves Cap by Janie and Jack. Catch a wave of style with our cotton twill cap, perfect for sunny days. Featuring an embroidered surfer graphic., 100% Cotton Twill; Lining: 100% Cotton, Fully Lined and Machine Wash, Gentle Cycle; Imported",
    "marketplaceProduct": null,
    "quantityWidget": {
      "url": "/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Product-Variation?dwvar_103804001_color=S01440&pid=103804001",
      "stepQuantity": 1
    },
    "miraklOperatorShopName": "Janie & Jack",
    "state": "New",
    "isMarketplaceProduct": false
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Please select size 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",
  "callP11": false,
  "isMiraklEnabled": true,
  "pdp3PInfoText": {},
  "isAddedToWishlist": false,
  "isThirdPartyProduct": null,
  "miraklCutomObj": {
    "isMiraklEnabled": true,
    "isThirdPartyProduct": false,
    "brandName": "JJ",
    "brandLandingPageURL": "/home?lang=en_US"
  },
  "renderedTemplate": "    \r\n\r\n<div class=\"product-quickview product-master col product-wrapper product-detail\"\r\n    data-pid=\"103804001\">\r\n    <div class=\"row\">\r\n        <!-- Product Images Carousel -->\r\n        \r\n    \r\n\r\n\r\n<div class=\"primary-images col-12 col-md-5\" data-thumbnailshow=\"true\">\r\n    <!-- Product Badge -->\r\n    <div class=\"badge-outfit hidden-md-down badge-outfit-quickview\">\r\n        \r\n    </div>\r\n    \r\n    \r\n        <span class=\"vatiant-prod-id d-none\">103804001</span>\r\n<button type=\"submit\" title=\"Add this product to wishlist\" class=\"add-to-wish-list\" data-href=\"/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Wishlist-AddProduct\" data-toggle=\"add-to-wish-list\">\r\n    <span class=\"fa-stack fa-lg\">\r\n        <i class=\"fa fa-stack-1x fa-heart-o\"></i>\r\n    </span>\r\n</button>\r\n    \r\n    <div id=\"pdpCarousel-103804001\" class=\"carousel slide\" data-interval=\"0\" data-prev=\"Previous\" data-next=\"Next\">\r\n        <div class=\"carousel-inner\" aria-label=\"PDP Main Images\">\r\n             \r\n                \r\n                    <div class='carousel-item desktop-zoom active'>\r\n                        <div>\r\n                            <img src=\"https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$PDP_main$\" class=\"d-block img-fluid carousel-image\" alt=\"Making Waves Cap image number 0\" itemprop=\"image\" />\r\n                        </div>\r\n                    </div>\r\n                \r\n            \r\n        </div>\r\n        \r\n         \r\n    </div>\r\n</div>\r\n\r\n        <!-- Product Name and Number -->\r\n        <div class=\"col-md-5 main-content-right\">\r\n            <!-- Product Name -->\r\n            <div class=\"d-flex justify-content-md-between product-name-sku mb-3\">\r\n                <h1 class=\"product-name\">Making Waves Cap</h1>\r\n            </div>\r\n\r\n            <div class=\"row mb-2 justify-content-between\">\r\n                <div class=\"col-auto\">\r\n                    <!-- Prices -->\r\n                    <div class=\"prices\">\r\n                        \r\n                        \r\n    <div class=\"price\">\r\n        \r\n        <span class=\"price\" role=\"text\" aria-label=\"Product Price\" tabindex=\"0\">\r\n    \r\n        \r\n\r\n        \r\n            \r\n            <span class=\"strike-through-price\">\r\n                <span class=\"strike-through list\" role=\"text\">\r\n                    \r\n                        <span class=\"value\" content=\"26.50\" role=\"text\">\r\n                            <span class=\"sr-only\">\r\n                                Price reduced from $26.50 to&nbsp;\r\n                            </span>\r\n                            \r\n                                <span aria-hidden=\"true\">\r\n                                    $26.50\r\n                                </span>\r\n                            \r\n                        </span>\r\n                    \r\n                </span>\r\n            </span>\r\n        \r\n\r\n        \r\n        <span class=\"sales strike-price\">\r\n            \r\n                \r\n                \r\n                \r\n                    <span class=\"value\" content=\"9.99\"> </span>\r\n                \r\n                \r\n                    $9.99\r\n                \r\n            \r\n        </span>\r\n    \r\n</span>\r\n    </div>\r\n\r\n\r\n                        \r\n                    </div>\r\n                </div>\r\n                \r\n            </div>\r\n\r\n            \r\n\r\n            <div class=\"detail-panel\">\r\n                <!-- Attributes -->\r\n                <div class=\"attributes\">\r\n                    <!-- Attributes and Quantity -->\r\n                    \r\n\r\n\r\n                    \r\n                    \r\n                    \r\n                        <div class=\"row\" data-attr=\"color\">\r\n                            <div class=\"col-12\">\r\n                                \r\n\r\n<div class=\"attribute\" role=\"radiogroup\" aria-label=\"color\">\r\n    \r\n        \r\n            <!-- Select <Attribute> Label -->\r\n            <span class=\"color non-input-label\">\r\n                \r\n                    <span class=\"color-label\">COLOR</span>\r\n                    <span class=\"attr-value attr-color-value text-capitalize ml-1\">white surfer</span>\r\n                \r\n            </span>\r\n\r\n            <!-- Circular Swatch Image Attribute Values -->\r\n            \r\n                \r\n                        <button class=\"color-attribute btn btn-outline-secondary\"\r\n                                title=\"Select color: White Surfer\"\r\n                                aria-label=\"Select color White Surfer\"\r\n                                aria-describedby=\"S01440\"\r\n                                data-url=\"null\" \r\n                                type=\"button\"\r\n                                role=\"radio\"\r\n                                aria-checked=\"true\"\r\n                                tabindex=\"0\"\r\n                                \r\n                        >\r\n                            <span data-attr-value=\"S01440\"\r\n                                class=\"\r\n                                    color-value\r\n                                    swatch-circle\r\n                                    swatch-value\r\n                                    selected\r\n                                    unselectable\r\n                                \"\r\n                                style=\"background-image: url(https://i1.adis.ws/i/janieandjack/103804001_JJ/color?$poiswatch2$)\"                                \r\n                                role=\"img\"\r\n                                aria-label=\"White Surfer\"\r\n                            >\r\n                            </span>\r\n                            <span id=\"S01440\" class=\"sr-only selected-assistive-text\">\r\n                                selected White Surfer\r\n                            </span>\r\n                        </button>\r\n                \r\n            \r\n        \r\n    \r\n</div>\r\n                            </div>\r\n                        </div>\r\n                    \r\n                        <div class=\"row\" data-attr=\"size\">\r\n                            <div class=\"col-12\">\r\n                                \r\n\r\n<div class=\"attribute\" role=\"radiogroup\" aria-label=\"Size\">\r\n    \r\n        \r\n            <!-- Select <Attribute> Label -->\r\n            <span class=\"size non-input-label d-flex justify-content-between\">\r\n                \r\n                    <div>\r\n                        <span class=\"color-label\">SIZE</span>\r\n                        <span class=\"attr-value attr-size-value text-uppercase ml-2\"></span>\r\n                    </div>\r\n                \r\n                <!-- Size Chart -->\r\n                \r\n                    <div class=\"size-chart mt-0\">\r\n                        \r\n<button class=\"normal\" title=\"View Size Chart\"\r\n    aria-label=\"View Size Chart\"\r\n    href=\"/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Product-SizeChart?cid=janieandjack-size-charts\">\r\n    <span>View Size Chart</span>\r\n    \n\n\n\n<svg class=\"icon Size_Chart svg-Size_Chart-dims \">\n\n<use xlink:href=\"https://www.janieandjack.com/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Images-Show#Size_Chart\"/>\n\n</svg>\n\n\r\n</button>\r\n                    </div>\r\n                \r\n            </span>\r\n\r\n            <!-- Circular Swatch Image Attribute Values -->\r\n            \r\n                \r\n                    <button class=\"color-attribute size-attribute unselectable\"\r\n                            title=\"Select Size: 6-12m\"\r\n                            aria-label=\"Select Size 6-12m\"\r\n                            aria-describedby=\"6-12\"\r\n                            data-url=\"null\" \r\n                            type=\"button\"\r\n                            role=\"radio\"\r\n                            aria-checked=\"false\"\r\n                    >\r\n                        <span data-attr-value=\"6-12\"\r\n                            class=\"\r\n                                size-value\r\n                                swatch-circle\r\n                                swatch-value\r\n                                \r\n                                unselectable\r\n                                d-inline-block\r\n                            \"\r\n                            aria-label=\"6-12m\"\r\n                            title=\"6-12m\"\r\n                        >\r\n                            6-12m\r\n                        </span>\r\n                        <span id=\"6-12\" class=\"sr-only selected-assistive-text\">\r\n                            \r\n                        </span>\r\n                    </button>\r\n                \r\n            \r\n                \r\n                    <button class=\"color-attribute size-attribute unselectable\"\r\n                            title=\"Select Size: 12-24m\"\r\n                            aria-label=\"Select Size 12-24m\"\r\n                            aria-describedby=\"1224\"\r\n                            data-url=\"null\" \r\n                            type=\"button\"\r\n                            role=\"radio\"\r\n                            aria-checked=\"false\"\r\n                    >\r\n                        <span data-attr-value=\"1224\"\r\n                            class=\"\r\n                                size-value\r\n                                swatch-circle\r\n                                swatch-value\r\n                                \r\n                                unselectable\r\n                                d-inline-block\r\n                            \"\r\n                            aria-label=\"12-24m\"\r\n                            title=\"12-24m\"\r\n                        >\r\n                            12-24m\r\n                        </span>\r\n                        <span id=\"1224\" class=\"sr-only selected-assistive-text\">\r\n                            \r\n                        </span>\r\n                    </button>\r\n                \r\n            \r\n                \r\n                    <button class=\"color-attribute size-attribute unselectable\"\r\n                            title=\"Select Size: 2-3\"\r\n                            aria-label=\"Select Size 2-3\"\r\n                            aria-describedby=\"2-3\"\r\n                            data-url=\"null\" \r\n                            type=\"button\"\r\n                            role=\"radio\"\r\n                            aria-checked=\"false\"\r\n                    >\r\n                        <span data-attr-value=\"2-3\"\r\n                            class=\"\r\n                                size-value\r\n                                swatch-circle\r\n                                swatch-value\r\n                                \r\n                                unselectable\r\n                                d-inline-block\r\n                            \"\r\n                            aria-label=\"2-3\"\r\n                            title=\"2-3\"\r\n                        >\r\n                            2-3\r\n                        </span>\r\n                        <span id=\"2-3\" class=\"sr-only selected-assistive-text\">\r\n                            \r\n                        </span>\r\n                    </button>\r\n                \r\n            \r\n                \r\n                    <button class=\"color-attribute size-attribute unselectable\"\r\n                            title=\"Select Size: 4-5\"\r\n                            aria-label=\"Select Size 4-5\"\r\n                            aria-describedby=\"4-5\"\r\n                            data-url=\"null\" \r\n                            type=\"button\"\r\n                            role=\"radio\"\r\n                            aria-checked=\"false\"\r\n                    >\r\n                        <span data-attr-value=\"4-5\"\r\n                            class=\"\r\n                                size-value\r\n                                swatch-circle\r\n                                swatch-value\r\n                                \r\n                                unselectable\r\n                                d-inline-block\r\n                            \"\r\n                            aria-label=\"4-5\"\r\n                            title=\"4-5\"\r\n                        >\r\n                            4-5\r\n                        </span>\r\n                        <span id=\"4-5\" class=\"sr-only selected-assistive-text\">\r\n                            \r\n                        </span>\r\n                    </button>\r\n                \r\n            \r\n                \r\n                    <button class=\"color-attribute size-attribute unselectable\"\r\n                            title=\"Select Size: 6-8\"\r\n                            aria-label=\"Select Size 6-8\"\r\n                            aria-describedby=\"6-8\"\r\n                            data-url=\"null\" \r\n                            type=\"button\"\r\n                            role=\"radio\"\r\n                            aria-checked=\"false\"\r\n                    >\r\n                        <span data-attr-value=\"6-8\"\r\n                            class=\"\r\n                                size-value\r\n                                swatch-circle\r\n                                swatch-value\r\n                                \r\n                                unselectable\r\n                                d-inline-block\r\n                            \"\r\n                            aria-label=\"6-8\"\r\n                            title=\"6-8\"\r\n                        >\r\n                            6-8\r\n                        </span>\r\n                        <span id=\"6-8\" class=\"sr-only selected-assistive-text\">\r\n                            \r\n                        </span>\r\n                    </button>\r\n                \r\n            \r\n                \r\n                    <button class=\"color-attribute size-attribute unselectable\"\r\n                            title=\"Select Size: 10-12\"\r\n                            aria-label=\"Select Size 10-12\"\r\n                            aria-describedby=\"1012\"\r\n                            data-url=\"null\" \r\n                            type=\"button\"\r\n                            role=\"radio\"\r\n                            aria-checked=\"false\"\r\n                    >\r\n                        <span data-attr-value=\"1012\"\r\n                            class=\"\r\n                                size-value\r\n                                swatch-circle\r\n                                swatch-value\r\n                                \r\n                                unselectable\r\n                                d-inline-block\r\n                            \"\r\n                            aria-label=\"10-12\"\r\n                            title=\"10-12\"\r\n                        >\r\n                            10-12\r\n                        </span>\r\n                        <span id=\"1012\" class=\"sr-only selected-assistive-text\">\r\n                            \r\n                        </span>\r\n                    </button>\r\n                \r\n            \r\n        \r\n    \r\n</div>\r\n                            </div>\r\n                        </div>\r\n                    \r\n\r\n                    \r\n\r\n                    <div class=\"product-options m-0\">\r\n                        \r\n                    </div>\r\n\r\n                    <div class=\"buybox\">\r\n                        \r\n                            <div class=\"quantity-box row d-flex justify-content-between align-items-center\">\r\n                                <!-- Quantity -->\r\n                                <div class=\"attribute quantity col-12 mt-2\">\r\n                                    \r\n                                        \r\n\r\n\r\n\r\n\r\n<div class=\"quantity-wrapper\">\r\n    <label class=\"c-shop-offers__qty quantity-input-label\" for=\"quantity-input\">\r\n        Quantity\r\n    </label>\r\n    <div class=\"custom-quantity-selector disabled\"\r\n        data-country=\"US\">\r\n        <button type=\" button\"\r\n            class=\"quantity-decrease disabled-btn\"\r\n            aria-label=\"Decrease quantity\" disabled></button>\r\n        <input type=\"number\" pattern=\"[0-9]\" class=\"quantity-input form-control\" id=\"quantity-input\" value=\"0\" min=\"1\" data-max=\"10.0\"\r\n            data-min=\"0\"\r\n            data-url=\"/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Product-Variation?dwvar_103804001_color=S01440&amp;pid=103804001\" data-step=\"1.0\"\r\n            disabled />\r\n        <button type=\"button\" class=\"quantity-increase disabled-btn\"\r\n            aria-label=\"Increase quantity\" disabled></button>\r\n    </div>\r\n\r\n    \r\n    <div class=\"quantity-announcement sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" tabindex=\"-1\"></div>\r\n\r\n    <div class=\"quantity-warning d-none mt-2\">\r\n        You can add a maximum of\r\n        <span\r\n            class=\"max-quantity max-quantity-warning\">10</span>\r\n        items to your cart.\r\n    </div>\r\n    <div class=\"quantity-error text-danger d-none mt-2\">\r\n        You can add a maximum of\r\n        <span class=\"max-quantity max-quantity-error\">10</span>\r\n        items to your cart.\r\n    </div>\r\n</div>\r\n\r\n<script>\r\n    window.quantityMsgPart1 = \"You can add a maximum of\";\r\n    window.quantityMsgPart2 = \"10\";\r\n    window.quantityMsgPart3 = \"items to your cart.\";\r\n</script>\r\n                                    \r\n                                </div>\r\n                            </div>\r\n\r\n                            <div\r\n                                class=\"add-to-cart-box row prices-add-to-cart-actions-new d-flex justify-content-between align-items-center mb-0\">\r\n                                <!-- Cart and [Optionally] Apple Pay -->\r\n                                <div class=\"col-12 add-btn\">\r\n                                    \r\n                                    <!-- Product Availability -->\r\n                                    <!-- Availability -->\r\n<div class=\"availability row product-availability mb-2 mt-2\" data-ready-to-order=\"false\" data-available=\"false\">\r\n    <div class=\"col-4 d-none\">\r\n    <span class=\"availability non-input-label\">\r\n        Availability:\r\n    </span>\r\n</div>\r\n<div class=\"col-12 d-flex align-items-center availability-wishlist\">\r\n    <ul class=\"list-unstyled availability-msg mb-0 mr-0\">\r\n        <li>\r\n            \r\n                <div class=\"select-styles\">Please select size for availability</div>\r\n            \r\n        </li>\r\n    </ul>\r\n</div>\r\n</div>\r\n\r\n                                    \r\n                                    \r\n                                        \r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"cart-and-ipay pb-0\" data-is-apple-session=\"false\">\r\n    <input type=\"hidden\" class=\"add-to-cart-url\" value=\"/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Cart-AddProduct\">\r\n    <div class=\"\">\r\n        <div class=\"\">\r\n            <button class=\"add-to-cart-global btn btn-primary w-100 add-to-cart\" data-pid=\"103804001\"\r\n                data-orderable=\"false\" disabled>\r\n                Add to Cart\r\n            </button>\r\n        </div>\r\n        \r\n            \r\n        \r\n    </div>\r\n</div>\r\n                                    \r\n                                </div>\r\n                            </div>\r\n                        \r\n                    </div>\r\n\r\n                    <!-- Social Sharing Icons -->\r\n                    <div class=\"row d-none\">\r\n                        \r\n\r\n\r\n<div class=\"col-12 social-container hidden-sm-down\">\r\n    <ul class=\"social-icons social-icons d-flex justify-content-center\">\r\n        <li>\r\n            <a href=\"https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.janieandjack.com%2Fitem%2Fgirls-making-waves-cap-103804001.html%3Flang%3Den_US&description=Making%20Waves%20Cap&media=https%3A%2F%2Fi1.adis.ws%2Fi%2Fjanieandjack%2F103804001_JJ%2Fcolor%3F%24PDP_main%24\" title=\"Create a Pinterest Pin for Making Waves Cap\" aria-label=\"Create a Pinterest Pin for Making Waves Cap\" class=\"share-icons\" target=\"_blank\">\r\n                <i class=\"fa fa-pinterest\"></i>\r\n            </a>\r\n        </li>\r\n        <li>\r\n            <a href=\"https://www.facebook.com/share.php?u=https%3A%2F%2Fwww.janieandjack.com%2Fitem%2Fgirls-making-waves-cap-103804001.html%3Flang%3Den_US\" title=\"Share Making Waves Cap on Facebook\" data-share=\"facebook\" aria-label=\"Share Making Waves Cap on Facebook\" class=\"share-icons\" target=\"_blank\">\r\n                <i class=\"fa fa-facebook-official\"></i>\r\n            </a>\r\n        </li>\r\n        <li>\r\n            <a href=\"https://twitter.com/share?url=https%3A%2F%2Fwww.janieandjack.com%2Fitem%2Fgirls-making-waves-cap-103804001.html%3Flang%3Den_US&text=Making Waves Cap\" data-share=\"twitter\" title=\"Share a link to Making Waves Cap on Twitter\" aria-label=\"Share a link to Making Waves Cap on Twitter\" class=\"share-icons\" target=\"_blank\">\r\n                <i class=\"fa fa-twitter\"></i>\r\n            </a>\r\n        </li>\r\n        <li>\r\n        <a href=\"#copy-link-message\" class=\"share-icons\" id=\"fa-link\" role=\"button\" title=\"Copy a link to Making Waves Cap\" aria-label=\"Copy a link to Making Waves Cap\">\r\n            <i class=\"fa fa-link\"></i>\r\n        </a>\r\n        <input type=\"hidden\" id=\"shareUrl\" value=\"https://www.janieandjack.com/item/girls-making-waves-cap-103804001.html?lang=en_US\"/>\r\n        </li>\r\n    </ul>\r\n</div>\r\n<div class=\"copy-link-message d-none\">\r\n    <div class=\"alert alert-success text-center\">\r\n        The link to Making Waves Cap has been copied\r\n    </div>\r\n</div>\r\n                    </div>\r\n\r\n                    \r\n                    <div class=\"description-and-detail mt-0\">\r\n    <div class=\"row product-attributes collapsible-xs d-none\">\r\n        \r\n    <div class=\"col-sm-12 col-md-4 col-lg-3\">\r\n        <button class=\"title btn text-left btn-block d-sm-none\"\r\n                aria-expanded=\"false\" aria-controls=\"collapsible-attributes-1\"\r\n        >\r\n            Attributes\r\n        </button>\r\n        <h2 class=\"title d-none d-sm-block\">\r\n            Attributes\r\n        </h2>\r\n    </div>\r\n    <div class=\"col-sm-12 col-md-8 col-lg-9 value content\" id=\"collapsible-attributes-1\">\r\n        \r\n            \r\n                <h3 class=\"attribute-name\">\r\n                    Gymboree Attributes\r\n                </h3>\r\n                <ul>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            itemName:\r\n                            \r\n                                G SURFER BALLCAP SMR 4:MULTICOLOR\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            featureCode:\r\n                            \r\n                                2938\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            countryOfOrigin:\r\n                            \r\n                                VN\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            department:\r\n                            \r\n                                JJ Accessories\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            category:\r\n                            \r\n                                Hats\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            sub-category:\r\n                            \r\n                                Hat\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            webCategory:\r\n                            \r\n                                Accessories\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            gender:\r\n                            \r\n                                Girl\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            age:\r\n                            \r\n                                Kid\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            condition:\r\n                            \r\n                                new\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            ageGroup:\r\n                            \r\n                                2T-12yrs\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            productPath:\r\n                            \r\n                                /Products/GYM/2_JANIE_AND_JACK/203_JJ_NON-APPAREL/58_JJ_ACCESSORIES/700_ACCESSORIES/700_HAT/103804001\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            crossSell1:\r\n                            \r\n                                103919001\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            crossSell2:\r\n                            \r\n                                104050001\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            crossSell3:\r\n                            \r\n                                104223001\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            crossSell4:\r\n                            \r\n                                103765001\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            collectionName:\r\n                            \r\n                                25 JJ SUMMER 4\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            productDetails1:\r\n                            \r\n                                Catch a wave of style with our cotton twill cap, perfect for sunny days. Featuring an embroidered surfer graphic.\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            productDetails2:\r\n                            \r\n                                100% Cotton Twill; Lining: 100% Cotton\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            productDetails3:\r\n                            \r\n                                Fully Lined\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            productDetails8:\r\n                            \r\n                                Machine Wash, Gentle Cycle; Imported\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            Occasion Type:\r\n                            \r\n                                Everyday Vacation\r\n                            \r\n                        </li>\r\n                    \r\n                        <li class=\"attribute-values\">\r\n                            Brand:\r\n                            \r\n                                Janie and Jack\r\n                            \r\n                        </li>\r\n                    \r\n                </ul>\r\n            \r\n        \r\n    </div>\r\n\r\n\r\n    </div>\r\n\r\n    \r\n        <hr class=\"hidden-sm-up hidden-xl-down d-none\">\r\n    \r\n\r\n    <div class=\"row description collapsible-xs d-none\">\r\n        <div class=\"col-12\">\r\n            <button class=\"title btn text-left btn-block\" aria-expanded=\"false\" aria-controls=\"collapsible-description}\">\r\n                <span class=\"label-text\">Description</span>\r\n                <span aria-hidden=\"true\">\n\n\n\n<svg class=\"icon Arrow_small svg-Arrow_small-dims down-arrow\">\n\n<use xlink:href=\"https://www.janieandjack.com/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Images-Show#Arrow_small\"/>\n\n</svg>\n\n</span>\r\n            </button>\r\n        </div>\r\n        \r\n\r\n\r\n    </div>\r\n\r\n    \r\n\r\n    <div class=\"row details collapsible-xs d-none\">\r\n        <div class=\"col-12\">\r\n            <button class=\"title btn text-left btn-block\" aria-expanded=\"false\" aria-controls=\"collapsible-details-none\">\r\n                <span class=\"label-text\">Product Details</span>\r\n                <span aria-hidden=\"true\">\n\n\n\n<svg class=\"icon Arrow_small svg-Arrow_small-dims down-arrow\">\n\n<use xlink:href=\"https://www.janieandjack.com/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Images-Show#Arrow_small\"/>\n\n</svg>\n\n</span>\r\n            </button>\r\n        </div>\r\n        \r\n\r\n    </div>\r\n    \r\n    <div class=\"row details collapsible-xs active\">\r\n        <div class=\"col-12\">\r\n            <button class=\"title btn text-left btn-block\" aria-label=\"Product Details\" title=\"Product Details\" aria-expanded=\"false\" aria-controls=\"collapsible-details-1\">\r\n                <span class=\"label-text\">Product Details</span>\r\n                <span>\n\n\n\n<svg class=\"icon Arrow_small svg-Arrow_small-dims down-arrow\">\n\n<use xlink:href=\"https://www.janieandjack.com/on/demandware.store/Sites-JanieAndJackSFRA-Site/en_US/Images-Show#Arrow_small\"/>\n\n</svg>\n\n</span>\r\n            </button>\r\n        </div>\r\n        \r\n    \r\n    \r\n    <div class=\"col-sm-12 value content product-detail-content\" id=\"collapsible-details-1\">\r\n        <ul class=\"description\" itemprop=\"description\">\r\n            \r\n                \r\n                    \r\n                    <li>Catch a wave of style with our cotton twill cap, perfect for sunny days. Featuring an embroidered surfer graphic.</li>\r\n                    \r\n                \r\n            \r\n                \r\n                    \r\n                    <li>100% Cotton Twill; Lining: 100% Cotton</li>\r\n                    \r\n                \r\n            \r\n                \r\n                    \r\n                    <li>Fully Lined</li>\r\n                    \r\n                \r\n            \r\n                \r\n                    \r\n                    <li>Machine Wash, Gentle Cycle; Imported</li>\r\n                    \r\n                \r\n            \r\n        </ul>\r\n        \r\n                                                                                                                                \r\n\r\n        \r\n    </div>\r\n\r\n    </div>\r\n\r\n    <hr class=\"hidden-sm-up d-none\">\r\n</div>\r\n\r\n                </div>\r\n\r\n                \r\n                    <!-- Options -->\r\n                    \r\n                \r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    \r\n\r\n    \r\n</div>\r\n<div class=\"modal-footer row align-items-end d-none\">\r\n</div>",
  "productUrl": "/item/girls-making-waves-cap-103804001.html?lang=en_US",
  "__mccEvents": [
    [
      "setUserInfo",
      {
        "email": "ablZsDuOCfKiFSg3tULr42GLzv"
      }
    ],
    [
      "trackPageView",
      {
        "item": "103804001"
      }
    ]
  ]
}