{
  "action": "Product-ShowQuickView",
  "queryString": "isFromPLPFlow=false&pid=CAN-011592",
  "locale": "default",
  "product": {
    "uuid": "a0316bbd3a17767d2ad97fe0de",
    "id": "CAN-011592",
    "upc": "074469513470",
    "productName": "HydraSplash Hydrating Gelee Masque for Fine Hair",
    "productType": "standard",
    "manufacturerSKU": "2561388",
    "manufacturerName": "JOICO LABORATORIES-ISO / HENKEL CORPORAT",
    "brand": {},
    "brandUrl": "/shop-by-brand/joico",
    "url": {},
    "bvAverageRating": "0",
    "bvReviewCount": "0",
    "price": {
      "sales": {
        "value": null,
        "currency": null,
        "formatted": null
      },
      "list": null,
      "type": "default",
      "isDiscountModelPricebookPrice": false,
      "hasPrice": false
    },
    "images": {
      "pdpLarge": [
        {
          "alt": "HydraSplash Hydrating Gelee Masque for Fine Hair",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw788429a7/images/joico/011592C.jpg?sw=650&sh=650&sfrm=png",
          "title": "HydraSplash Hydrating Gelee Masque for Fine Hair"
        }
      ],
      "zoom": [
        {
          "alt": "HydraSplash Hydrating Gelee Masque for Fine Hair",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw788429a7/images/joico/011592C.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "HydraSplash Hydrating Gelee Masque for Fine Hair"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 0,
    "variationAttributes": null,
    "longDescription": "<p>Designed to infuse fine-to-medium hair with lightweight, thirst-quenching moisture, HydraSplash Hydrating Gelee Masque nourishes delicate strands with refreshing, nutrient-rich marine ingredients, while banishing frizz.</p>",
    "shortDescription": null,
    "bulletList": null,
    "directions": "<ol>\r\n\t<li>Apply to wet hair.</li>\r\n\t<li>Leave on for 5 minutes.</li>\r\n\t<li>Rinse well.</li>\r\n\t<li>Style as usual.</li>\r\n</ol>",
    "ingredients": "Water/Aqua/Eau, Glycerin, Propylene Glycol, Dimethicone, Hydrogenated Polyisobutene, C12-15 Alkyl Benzoate, Divinyldimethicone/Dimethicone Copolymer, Guar Hydroxypropyltrimonium Chloride, Betaine, Phenoxyethanol, Cocos Nucifera (Coconut) Liquid Endosperm, Chlorella Vulgaris Extract, Hydrolyzed Algin, Arginine Hcl, Phosphatidylcholine, Laurdimonium Hydroxypropyl Hydrolyzed Keratin, Rosa Canina Fruit Oil, Ethylhexyl Olivate, Sea Water/Maris Aqua/Eau De Mer, Amodimethicone, Silicone Quaternium-18, Hydroxypropyl Guar, Citric Acid, Cetrimonium Chloride, Trimethylsiloxyamodimethicone, Polysorbate 20, C11-15 Pareth-7, Trideceth-3, Trideceth-6, Deceth-7, Tetrasodium Glutamate Diacetate, Peg-4 Laurate, C12-13 Pareth-23, C12-13 Pareth-3, Squalane, C12-16 Pareth-9, Trideceth-12, Cocamidopropyl Betaine, Dipropylene Glycol, Peg-90m, Benzoic Acid, Iodopropynyl Butylcarbamate, Potassium Sorbate, Dmdm Hydantoin, Sodium Benzoate, Linalool, Fragrance/Parfum, Titanium Dioxide (CI 77891), Mica (CI 77019), Blue 1 (CI 42090), Ext. Violet 2 (CI 60730), Yellow 5 (CI 19140)",
    "featuresAndBenefits": "<ul>\r\n\t<li>HydraSplash gives fine-to-medium hair the hydration it needs and nourishes strands with a gentle touch.</li>\r\n\t<li>24-hour hydration*</li>\r\n\t<li>Hair looks replenished, shiny, and healthy after just one use</li>\r\n\t<li>Wont weigh hair down</li>\r\n</ul>\r\n<br>\r\n*When using HydraSplash Shampoo, Conditioner, and Leave-in, or HydraSplash Shampoo and Gelee Masque",
    "prop65Warning": null,
    "ProductImageOverlay": null,
    "overlayTo": null,
    "overlayFrom": null,
    "badgeOverlay": null,
    "badgeOverlayTo": null,
    "badgeOverlayFrom": null,
    "promotions": null,
    "attributes": [
      {
        "ID": "CustomAttributes",
        "name": "Custom Attributes",
        "attributes": [
          {
            "label": "PDP Youtube Video ID",
            "value": [
              "XcFQMIIIfFk"
            ]
          }
        ]
      }
    ],
    "availability": {
      "messages": [
        "This item is currently not available"
      ],
      "OutOfStockLabel": "This product is out of stock online",
      "inStockDate": null,
      "estimatedQty": 0,
      "ats": 0,
      "maxOrderQuantity": 0,
      "maxQtyLimitMsg": "error.max.quantity.limit",
      "IsOutOfStock": true,
      "pavRestricted": false,
      "geprRestricted": false
    },
    "available": false,
    "geprStateRestriction": "",
    "options": [],
    "quantities": [
      {
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-011592"
      }
    ],
    "crossSells": {},
    "colorBuckets": {
      "unbucketed": {},
      "bucketed": {}
    },
    "badges": [],
    "primaryBadge": null,
    "secondaryBadge": null,
    "tertiaryBadge": null,
    "searchRefinements": {
      "productLine": {},
      "productLineURL": "/search-show?q=HydraSplash",
      "type": "Mask",
      "benefit": "Moisturizing",
      "refinementColor": ""
    },
    "warrantyplan": null,
    "categoryHierarchy": {},
    "monetateData": [
      {
        "productId": "CAN-011592",
        "sku": "2561388"
      }
    ],
    "geprContent": null,
    "selectedProductUrl": "/CAN-011592.html?/CAN-011592.html=undefined&quantity=undefined",
    "readyToOrder": true,
    "online": true,
    "masterProductID": "CAN-011592",
    "pageTitle": "HydraSplash Hydrating Gelee Masque for Fine Hair - Joico | CosmoProf",
    "pageDescription": null,
    "pageKeywords": null,
    "pageMetaTags": []
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Select Styles for Availability",
    "assistiveSelectedText": "selected"
  },
  "quickViewFullDetailMsg": "View Full Details",
  "closeButtonText": "Close",
  "enterDialogMessage": "Start of Quickview dialog window. Select Close to cancel and close the window.",
  "template": "product/quickView.isml",
  "bvDisplay": {
    "bvPid": "CAN-011592",
    "qvType": "inlineratings",
    "productUrl": {},
    "rating": {
      "enabled": true,
      "type": "native",
      "rating": "0.0",
      "range": "0",
      "count": "0",
      "stars": "https://www.cosmoprofbeauty.ca/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwabc58c2d/images/stars/rating-0_0.gif"
    }
  },
  "productid": "CAN-011592",
  "isFromPLPFlow": "false",
  "userLoggedIn": false,
  "gridViewMode": "Level",
  "variantLevelNames": [],
  "enableLatestNearByStores": true,
  "deliveryTilesEnabled": true,
  "tracking_consent": null,
  "ecommerceDetail": {
    "event": "productView",
    "productViewType": "QuickView",
    "ecommerce": {
      "currencyCode": "CAD",
      "detail": {
        "products": [
          {
            "name": "HydraSplash Hydrating Gelee Masque for Fine Hair",
            "id": "CAN-011592",
            "category": "Masks, Serums & Treatments",
            "brand": "Joico",
            "variant": "",
            "dimension52": "",
            "dimension56": "",
            "dimension57": "HydraSplash",
            "dimension64": "stm"
          }
        ]
      }
    }
  },
  "renderedTemplate": "<div class=\"product-quickview product-standard product-wrapper product-detail\" data-pid=\"CAN-011592\" data-gtm=\"{&quot;event&quot;:&quot;productView&quot;,&quot;productViewType&quot;:&quot;QuickView&quot;,&quot;ecommerce&quot;:{&quot;currencyCode&quot;:&quot;CAD&quot;,&quot;detail&quot;:{&quot;products&quot;:[{&quot;name&quot;:&quot;HydraSplash Hydrating Gelee Masque for Fine Hair&quot;,&quot;id&quot;:&quot;CAN-011592&quot;,&quot;category&quot;:&quot;Masks, Serums &amp; Treatments&quot;,&quot;brand&quot;:&quot;Joico&quot;,&quot;variant&quot;:&quot;&quot;,&quot;dimension52&quot;:&quot;&quot;,&quot;dimension56&quot;:&quot;&quot;,&quot;dimension57&quot;:&quot;HydraSplash&quot;,&quot;dimension64&quot;:&quot;stm&quot;}]}}}\" id=\"quickviewPLP\">\n\n  \n  <div id=\"availabilityProducts\" class=\"hide\" data-availability-products=\"\" data-is-size-variant=\"\"\n    data-is-color-variant=\"\"></div>\n\n  <div class=\"row no-gutters\">\n    <div class=\"col-12 col-md-6\">\n      <div class=\"image-container product-image-container\">\n\n        <!-- Product Images Carousel -->\n        \n    <div class=\"badges-container\">\n        \n    </div>\n    <div class=\"badges-bottom-container\">\n        \n    </div>\n\n\n        \n\n\n\n\n\n\n    \n        \n            \n        \n    \n\n\n<div class=\"owl-carousel owl-theme pdp-carousel\">\n    \n        <div class=\"item zoom\">\n        \n\n\n\n\n\n\n\n\n            <div class=\"zoomImage\">\n                \n                    <img id=\"CAN-011592-image-0\" src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw788429a7/images/joico/011592C.jpg?sw=650&amp;sh=650&amp;sfrm=png\" data-zoom=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw788429a7/images/joico/011592C.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"HydraSplash Hydrating Gelee Masque for Fine Hair\" itemprop=\"image\"/>\n                \n            </div>\n        </div>\n    \n    \n        <div class=\"item\">\n            \n                <div class=\"embed-responsive embed-responsive-16by9 z-depth-1-half d-block\">\n                    <iframe class=\"embed-responsive-item\"\n                        src=\"https://www.youtube-nocookie.com/embed/XcFQMIIIfFk\" allowfullscreen></iframe>\n                </div>\n            \n        </div>\n    \n</div>\n\n    \n    \n\n\n<div class=\"pdp-dots-container carousel-content\">\n    \n        \n        \n        \n        <div class=\"owl-carousel owl-theme pdp-dots-carousel\">\n            \n                <div class=\"pdp-dots active\" data-index=\"0\" data-pid=\"CAN-011592\">\n                    <img src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw788429a7/images/joico/011592C.jpg?sw=650&amp;sh=650&amp;sfrm=png\" class=\"img-fluid\" alt=\"HydraSplash Hydrating Gelee Masque for Fine Hair\" itemprop=\"image\" />\n                </div>\n                \n            \n            \n                \n                    <div class=\"pdp-dots d-inline-block\" data-index=\"1.0\"></div>\n                \n                \n            \n        </div>\n        <div class=\"sliderControl\">\n            <div class=\"owl-controls\">\n                <div class='owl-nav d-none'>\n                    <div class=\"prvBtn d-none\">\n                        <img class=\"hidden-sm-down\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwa52ed24e/images/caret_left.svg\" alt=\"previous\" />\n                    </div>\n                    <div class=\"nxtBtn\">\n                        <img class=\"hidden-sm-down\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw758a08a1/images/caret_right.svg\" alt=\"next\" />\n                     </div>\n                </div>\n             </div>\n         </div>\n    \n</div>\n\n\n    <div class=\"modal fade\" id=\"modal1\" tabindex=\"-1\" role=\"dialog\"\n        aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog modal-lg\" role=\"document\">\n\n            <!--Content-->\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>\n                </div>\n                <!--Body-->\n                <div class=\"modal-body mb-0 p-0\">\n                    <div class=\"embed-responsive embed-responsive-16by9 z-depth-1-half\">\n                        <iframe class=\"embed-responsive-item\"\n                            src=\"https://www.youtube-nocookie.com/embed/XcFQMIIIfFk\" allowfullscreen></iframe>\n                    </div>\n                </div>\n            </div>\n            <!--/.Content-->\n        </div>\n    </div>\n\n\n\n        \n\n\n\n\n\n\n\n\n      </div>\n    </div>\n    \n    \n    <div class=\"col-12 col-md-6\">\n      <div class=\"product-quickview__detail\">\n        <section class=\"product-quickview__info\">\n\n          <!-- Availability -->\n          <div class=\"available-msgs\"></div>\n\n          <!-- Product Name -->\n          <h1 class=\"product-name\">\n            HydraSplash Hydrating Gelee Masque for Fine Hair\n          </h1>\n\n          <!-- SubBrand / Brand Link -->\n          <h5>\n            \n              <a href=\"/search-show?q=HydraSplash\" class=\"pdp-brand\">\n                HydraSplash\n              </a>\n            \n            \n              <meta itemprop=\"brand\" content=\"Joico\">\n              <span class=\"pdp-by\">by</span>\n              <a href=\"/shop-by-brand/joico\" class=\"pdp-brand\">\n                Joico\n              </a>\n            \n          </h5>\n\n          <!-- Prices -->\n          <div class=\"prices\">\n            \n            \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n  <span class=\"logintoviewprice d-none\"><a class=\"js-gtm-beginlogin\" href=\"https://www.cosmoprofbeauty.ca/login\" data-gtm-eventlocation=\"product tile\">Login</a> or <a class=\"js-gtm-vsustart\" data-gtm-eventlocation=\"product tile\" href=\"https://www.cosmoprofbeauty.ca/signup\">Register</a> to buy</span>\n\n          </div>\n\n          <div class=\"product-number-rating clearfix\">\n\n            <!-- Product Number -->\n            <div class=\"product-number\">\n              <!-- Style ID -->\n              \n              <span class=\"product-id-label \">\n                SKU&#35;:\n              </span>\n              <span class=\"product-id\" itemprop=\"productID\" data-pid=\"CAN-011592\">\n                CAN-011592\n              </span>\n\n              <!-- UPC Number -->\n              \n              <span class=\"upc-wrapper \">\n                <span class=\"upc-id-label\">\n                  UPC&#35;:\n                </span>\n                <span class=\"upc-id\">\n                  \n                    074469513470\n                  \n                </span>\n              </span>\n            </div>\n\n          </div>\n\n          <!-- Applicable Promotions -->\n         \n            <div class=\"row js-promotion-messaging d-none\">\n              <div class=\"col-12 align-self-center\">\n                <div class=\"promotion_container centered my-2\">\n                  <div class=\"promotion_wrapper transparent\">\n                    <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw8b3b6bf3/images/icons/promotionBadge.svg\" alt=\"Offers Available\" />\n                    <div class=\"button-tertiary-big\" >\n                      Offers Available </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n        </section>\n\n        <div class=\"detail-panel\">\n          <!-- Attributes -->\n          <section class=\"attributes\">\n            <div class=\"col-12 p-4\">\n\n              \n    <div class=\"row\">\n        <div class=\"col\">\n            <div class=\"main-attributes\">\n                \n                    \n                \n            </div>\n        </div>\n    </div>\n\n\n              <div>\n\n                <div class=\"mb-3 d-flex align-items-center justify-content-around\">\n\n                  \n                    <!-- Quantity -->\n                    \n\n\n\n\n  \n  \n</iselseif>\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-011592\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"1\"\n      data-pid=\"CAN-011592\"\n      data-product-type=\"standard\"\n      data-swatch-pid=\"false\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-011592\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=false\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n                  \n\n                  <!-- Add To Cart -->\n                  <div class=\"add-item-to-bag\">\n                    \n                      <input type=\"hidden\" class=\"add-to-cart-url\" value=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Cart-AddProduct\">\n                      <div class=\"cart-and-ipay\">\n                        \n                          <a href=\"/login\" class=\"login-or-register-to-shop button-primary-big text-nowrap js-gtm-beginlogin quickview-login-btn\" data-gtm-eventlocation=\"quickview\">\n                            Log in or Register to Shop\n                          </a>\n                      \n                      </div>\n                    \n                  </div>\n\n                </div>\n\n                \n                  \n\n\n     \n\n\n\n  \n  \n</iselseif>\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-011592 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n                \n\n                \n                \n                  <div class=\"warning-wrapper geprErrorMessagePDP d-none\">\n                    Not available for standard shipping\n                  </div>\n                \n\n                <!-- WishList Link -->\n                <div class=\"wishlist-qv-container col-4 mt-3 mb-3\" data-loadurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Wishlist-WishListOptions?pid=CAN-011592\">\n                </div>\n\n              </div>\n\n              <!-- Variation Attributes -->\n              \n\n              <input class=\"AvailabilityJsonURL\" type=\"hidden\" data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-011592&amp;page=qv\">\n              <!-- Product Availability -->\n              <div class=\"d-sm-none col availability align-self-end \" data-ready-to-order=\"true\" data-available=\"false\">\n                                                                                                                            \n              </div>\n            </div>\n\n            <hr>\n\n          </section>\n\n          \n            <!-- Options -->\n            \n          \n        </div>\n      </div>\n    </div>\n  </div>\n\n  \n  \n</div>\n\n<div class=\"modal-footer row align-items-end\">\n  <div class=\"hidden-xs-down col availability align-self-end global-availability\"\n    data-ready-to-order=\"true\" data-available=\"false\">\n                                                                                                                \n  </div>\n</div>",
  "productUrl": "/CAN-011592.html"
}