{
  "action": "Product-ShowQuickView",
  "queryString": "isFromPLPFlow=true&pid=CAN-020158",
  "locale": "default",
  "product": {
    "uuid": "159315cb96eb9e8805846814bc",
    "id": "CAN-020158",
    "upc": "009531559599",
    "productName": "Tea Tree Special Trio Salon Box",
    "productType": "standard",
    "manufacturerSKU": "TND21-6",
    "manufacturerName": "JOHN PAUL MITCHELL SYSTEMS-JDA US",
    "brand": {},
    "brandUrl": "/shop-by-brand/john-paul-mitchell-systems",
    "url": {},
    "bvAverageRating": "0",
    "bvReviewCount": "0",
    "price": {
      "sales": {
        "value": null,
        "currency": null,
        "formatted": null
      },
      "list": null,
      "type": "default",
      "isDiscountModelPricebookPrice": false,
      "hasPrice": false
    },
    "images": {
      "pdpLarge": [
        {
          "alt": "Tea Tree Special Trio Salon Box",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw54db4572/images/johnpaulmitchellsystems/020158C.jpg?sw=650&sh=650&sfrm=png",
          "title": "Tea Tree Special Trio Salon Box"
        }
      ],
      "zoom": [
        {
          "alt": "Tea Tree Special Trio Salon Box",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw54db4572/images/johnpaulmitchellsystems/020158C.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "Tea Tree Special Trio Salon Box"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 8,
    "variationAttributes": null,
    "longDescription": "The Tea Tree Special Trio Salon Box Includes:\r\n<ul>\r\n\t<li>(4) - Tea Tree Special Shampoo, 33.8 fl. oz.</li>\r\n\t<li>(9) - Tea Tree Hair and Body Moisturizer Leave-In Conditioner, 33.8 fl. oz.</li>\r\n\t<li>(4) - Tea Tree Hair & Scalp Treatment, 16.9 fl. oz.</li>\r\n</ul>\r\n<br>\r\n<b>*Packaging may vary*</b>",
    "shortDescription": null,
    "bulletList": null,
    "directions": "Please see individual products for directions.",
    "ingredients": "<b>Shampoo:</b> Water (Aqua, Eau), Sodium C14-16 Olefin Sulfonate, Cocamidopropyl Betaine, Sodium Lauryl Sulfate, Fragrance (Parfum), Melaleuca Alternifolia (Tea Tree) Leaf Water, Panthenol, Polyquaternium-7, Acrylates/C10-30 Alkyl Acrylate Crosspolymer, Glycol Stearate, PEG-150 Distearate, Menthyl Lactate, Citric Acid, Tetrasodium EDTA, Magnesium Nitrate, Magnesium Chloride, Sodium Hydroxide, Sodium Benzoate, Methylchloroisothiazolinone, Methylisothiazolinone, Menthol, Lavandula Oil/Extract, Linalool, Linalyl Acetate, Terpineol, Pinene, Beta-Caryophyllene, Citronellol, Terpinolene, Turpentine, Geraniol, Coumarin, Limonene, Yellow 5 (CI 19140), Blue 1 (CI 42090)<br>\r\n<br>\r\n<b>Leave-In Conditioner:</b> Aqua (Water, Eau), Cetyl Alcohol, Stearyl Alcohol, Melaleuca Alternifolia (Tea Tree) Leaf Oil, Phenoxyethanol, Cetrimonium Chloride, Glycerin, Polyquaternium-37, Propylene Glycol Dicaprylate/Dicaprate, Ceteth-2, Ethylhexylglycerin, PPG-1 Trideceth-6, Yellow 5 (CI 19140), Blue 1 (CI 42090), Parfum (Fragrance), Linalool, Citronellol, Coumarin, Geraniol<br>\r\n<br>\r\n<b>Treatment:</b> Water (Aqua, Eau), Cetyl Alcohol, Cetearyl Alcohol, Isododecane, Isohexadecane, Stearyl Alcohol, Stearalkonium Chloride, Fragrance (Parfum), Melaleuca Alternifolia (Tea Tree) Leaf Water, Butyrospermum Parkii (Shea) Butter, Panthenol, Hydrogenated Jojoba Oil, Hydrolyzed Soy Protein, Glycerin, Ceteareth-20, Hydrogenated Castor Oil, Behentrimonium Methosulfate, Guar Hydroxypropyltrimonium Chloride, Alcohol, Salicylic Acid, Tocopheryl Acetate, Magnesium Nitrate, Magnesium Chloride, Aminomethyl Propanol, Phenoxyethanol, Methylchloroisothiazolinone, Methylisothiazolinone, Menthol, Pinene, Lavandula Oil/Extract, Linalool, Linalyl Acetate, Terpineol, Terpinolene, Beta-Caryophyllene, Citronellol, Coumarin, Turpentine, Geraniol, Chromium Hydroxide Green (CI 77289)",
    "featuresAndBenefits": "<ul>\r\n\t<li>Ideal for all hair types</li>\r\n\t<li>Features the famous Tingle Complex&mdash;a blend of tea tree, peppermint and lavender with a fragrance that's icy cool and invigoratingly clean</li>\r\n</ul>\r\n\r\nThe Tea Tree Special Trio Salon Box Includes:\r\n\r\n<ul>\r\n\t<li>(4) - Tea Tree Special Shampoo, 33.8 fl. oz.</li>\r\n\t<li>(9) - Tea Tree Hair and Body Moisturizer Leave-In Conditioner, 33.8 fl. oz.</li>\r\n\t<li>(4) - Tea Tree Hair &amp; Scalp Treatment, 16.9 fl. oz.</li>\r\n</ul>",
    "prop65Warning": null,
    "ProductImageOverlay": "badges/30-off-badge.png",
    "overlayTo": "2025-12-31T06:00:00.000Z",
    "overlayFrom": "2025-12-02T06:00:00.000Z",
    "badgeOverlay": null,
    "badgeOverlayTo": null,
    "badgeOverlayFrom": null,
    "promotions": null,
    "attributes": null,
    "availability": {
      "messages": [],
      "OutOfStockLabel": "",
      "inStockDate": null,
      "estimatedQty": 8,
      "ats": 8,
      "maxOrderQuantity": 8,
      "maxQtyLimitMsg": "error.max.quantity.limit",
      "productQty": 1,
      "IsOutOfStock": false,
      "pavRestricted": false,
      "geprRestricted": false
    },
    "available": true,
    "geprStateRestriction": "",
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158&quantity=1",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158&quantity=2",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158&quantity=3",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158&quantity=4",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158&quantity=5",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158&quantity=6",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158&quantity=7",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158&quantity=8",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-020158"
      }
    ],
    "crossSells": {},
    "colorBuckets": {
      "unbucketed": {},
      "bucketed": {}
    },
    "badges": [],
    "primaryBadge": null,
    "secondaryBadge": null,
    "tertiaryBadge": null,
    "searchRefinements": {
      "productLine": {},
      "productLineURL": "/search-show?q=Tea%20Tree",
      "type": "Intros,Kit",
      "benefit": "Scalp Care",
      "refinementColor": ""
    },
    "warrantyplan": null,
    "categoryHierarchy": {},
    "monetateData": [
      {
        "productId": "CAN-020158",
        "sku": "TND21-6"
      }
    ],
    "geprContent": null,
    "selectedProductUrl": "/CAN-020158.html?/CAN-020158.html=undefined&quantity=undefined",
    "readyToOrder": true,
    "online": true,
    "masterProductID": "CAN-020158",
    "pageTitle": "Tea Tree Special Trio Salon Box - John Paul Mitchell Systems | 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-020158",
    "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-020158",
  "isFromPLPFlow": "true",
  "userLoggedIn": false,
  "gridViewMode": "Level",
  "variantLevelNames": [],
  "enableLatestNearByStores": true,
  "deliveryTilesEnabled": true,
  "tracking_consent": null,
  "renderedTemplate": "<div class=\"product-quickview product-standard product-wrapper product-detail\" data-pid=\"CAN-020158\" data-gtm=\"null\" 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<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-020158-image-0\" src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw54db4572/images/johnpaulmitchellsystems/020158C.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/dw54db4572/images/johnpaulmitchellsystems/020158C.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"Tea Tree Special Trio Salon Box\" itemprop=\"image\"/>\n                \n            </div>\n        </div>\n    \n    \n</div>\n\n    \n\n\n<div class=\"pdp-dots-container carousel-content\">\n    \n</div>\n\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            Tea Tree Special Trio Salon Box\n          </h1>\n\n          <!-- SubBrand / Brand Link -->\n          <h5>\n            \n              <a href=\"/search-show?q=Tea%20Tree\" class=\"pdp-brand\">\n                Tea Tree\n              </a>\n            \n            \n              <meta itemprop=\"brand\" content=\"John Paul Mitchell Systems\">\n              <span class=\"pdp-by\">by</span>\n              <a href=\"/shop-by-brand/john-paul-mitchell-systems\" class=\"pdp-brand\">\n                John Paul Mitchell Systems\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-020158\">\n                CAN-020158\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                    009531559599\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\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-020158\"\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-020158\"\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-020158\"\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-020158 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-020158\">\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-020158&amp;page=qv\">\n              <!-- Product Availability -->\n              <div class=\"d-sm-none col availability align-self-end \" data-ready-to-order=\"true\" data-available=\"true\">\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=\"true\">\n                                                                                                                \n  </div>\n</div>",
  "productUrl": "/CAN-020158.html"
}