{
  "action": "Product-ShowQuickView",
  "queryString": "isFromPLPFlow=false&pid=CAN-034420",
  "locale": "default",
  "product": {
    "uuid": "c6c699463aaf6c9d08d28c5b35",
    "id": "CAN-034420",
    "upc": "738880270304",
    "productName": "FramColor Eclectic 5D Color Gloss Kit",
    "productType": "standard",
    "manufacturerSKU": "026989-000",
    "manufacturerName": "FRAMKAT DBA FRAMESI USA-JDA US",
    "brand": {},
    "brandUrl": "/shop-by-brand/framesi",
    "url": {},
    "bvAverageRating": "0",
    "bvReviewCount": "0",
    "price": {
      "sales": {
        "value": null,
        "currency": null,
        "formatted": null
      },
      "list": null,
      "type": "default",
      "isDiscountModelPricebookPrice": false,
      "hasPrice": false
    },
    "images": {
      "pdpLarge": [
        {
          "alt": "FramColor Eclectic 5D Color Gloss Kit",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw2f067953/images/framesi/034420C.jpg?sw=650&sh=650&sfrm=png",
          "title": "FramColor Eclectic 5D Color Gloss Kit"
        }
      ],
      "zoom": [
        {
          "alt": "FramColor Eclectic 5D Color Gloss Kit",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw2f067953/images/framesi/034420C.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "FramColor Eclectic 5D Color Gloss Kit"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 0,
    "variationAttributes": null,
    "longDescription": "Easy-to-use demi-permanent liquid hair color that provides superior conditioning, longevity, and shine. Effortless &amp; Customizable toning that leaves you with a pure &amp; refined platinum finish! Qualities formerly exclusive to cream hair color, are now available in liquid hair color.<br> \n<br> \nFramColor Eclectic 5D Color Gloss Kit Includes:\n\n<ul>\n\t<li>(1) /00 Clear</li>\n\t<li>(1) 9SB/9.36 Very Light Sandy Blonde</li>\n\t<li>(1) 10V/10.6 Platinum Pearl Blonde</li>\n\t<li>(1) FramColor Eclectic 5D Color Gloss Activator</li>\n\t<li>(1) Applicator Bottle</li>\n\t<li>(1) Technical Notecard</li>\n\t<li>(1) Swatch Ring</li>\n</ul>",
    "shortDescription": null,
    "bulletList": null,
    "directions": "\"For professional use only. Review and adhere to all warnings on product packaging before use. Can cause an allergic reaction, patch test before use. Strand test before use. See packing for directions.",
    "ingredients": "See packaging for ingredients.",
    "featuresAndBenefits": "Quick and easy to use! Effortless &amp; Customizable toning that leaves you with a pure &amp; refined platinum finish!\n\n<ul>\n\t<li>Vegan</li>\n\t<li>Gluten Free</li>\n\t<li>Ammonia Free</li>\n\t<li>Resorcinol Free</li>\n\t<li>PPD Free</li>\n</ul>\n\nSuggested Uses:\n<ul>\n\t<li>Blonde toning</li>\n\t<li>High gloss finish</li>\n\t<li>Enhance current color</li>\n\t<li>Color gloss finish for dull locks</li>\n\t<li>Refresh faded ends</li>\n\t<li>Correct and balance</li>\n</ul>",
    "prop65Warning": null,
    "ProductImageOverlay": "new-and-now-2024-badge.png",
    "overlayTo": "2024-09-01T05:00:00.000Z",
    "overlayFrom": "2024-07-01T05:00:00.000Z",
    "badgeOverlay": null,
    "badgeOverlayTo": null,
    "badgeOverlayFrom": null,
    "promotions": null,
    "attributes": null,
    "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-034420"
      }
    ],
    "crossSells": {},
    "colorBuckets": {
      "unbucketed": {},
      "bucketed": {}
    },
    "badges": [],
    "primaryBadge": null,
    "secondaryBadge": null,
    "tertiaryBadge": null,
    "searchRefinements": {
      "productLine": {},
      "productLineURL": "/search-show?q=FramColor%20Eclectic",
      "type": "",
      "benefit": "Glossing",
      "refinementColor": ""
    },
    "warrantyplan": null,
    "categoryHierarchy": {},
    "monetateData": [
      {
        "productId": "CAN-034420",
        "sku": "026989-000"
      }
    ],
    "geprContent": null,
    "selectedProductUrl": "/CAN-034420.html?/CAN-034420.html=undefined&quantity=undefined",
    "readyToOrder": true,
    "online": true,
    "masterProductID": "CAN-034420",
    "pageTitle": "FramColor Eclectic 5D Color Gloss Kit - Framesi | 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-034420",
    "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-034420",
  "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": "FramColor Eclectic 5D Color Gloss Kit",
            "id": "CAN-034420",
            "category": "Demi & Semi Permanent",
            "brand": "Framesi",
            "variant": "",
            "dimension52": "",
            "dimension56": "",
            "dimension57": "FramColor Eclectic",
            "dimension64": "stm"
          }
        ]
      }
    }
  },
  "renderedTemplate": "<div class=\"product-quickview product-standard product-wrapper product-detail\" data-pid=\"CAN-034420\" 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;FramColor Eclectic 5D Color Gloss Kit&quot;,&quot;id&quot;:&quot;CAN-034420&quot;,&quot;category&quot;:&quot;Demi &amp; Semi Permanent&quot;,&quot;brand&quot;:&quot;Framesi&quot;,&quot;variant&quot;:&quot;&quot;,&quot;dimension52&quot;:&quot;&quot;,&quot;dimension56&quot;:&quot;&quot;,&quot;dimension57&quot;:&quot;FramColor Eclectic&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<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-034420-image-0\" src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw2f067953/images/framesi/034420C.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/dw2f067953/images/framesi/034420C.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"FramColor Eclectic 5D Color Gloss Kit\" 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            FramColor Eclectic 5D Color Gloss Kit\n          </h1>\n\n          <!-- SubBrand / Brand Link -->\n          <h5>\n            \n              <a href=\"/search-show?q=FramColor%20Eclectic\" class=\"pdp-brand\">\n                FramColor Eclectic\n              </a>\n            \n            \n              <meta itemprop=\"brand\" content=\"Framesi\">\n              <span class=\"pdp-by\">by</span>\n              <a href=\"/shop-by-brand/framesi\" class=\"pdp-brand\">\n                Framesi\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-034420\">\n                CAN-034420\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                    738880270304\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-034420\"\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-034420\"\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-034420\"\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-034420 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-034420\">\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-034420&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-034420.html"
}