{
  "action": "Product-ShowQuickView",
  "queryString": "pid=Z-G20A14-030100",
  "locale": "default",
  "product": {
    "uuid": "25099cdba98d06c1fa656e69b7",
    "id": "Z-G20A14-030100",
    "productName": "Avanti Products Z-G20A14-030100 Range Knob",
    "productType": "standard",
    "brand": "AVANTI PRODUCTS",
    "gtmData": {
      "id": "Z-G20A14-030100",
      "name": "Avanti Products Z-G20A14-030100 Range Knob",
      "category": "Storefront Catalog",
      "categoryID": "root",
      "price": 22.97,
      "currencyCode": "USD"
    },
    "gtmGA4Data": {
      "item_id": "Z-G20A14-030100",
      "item_name": "Avanti Products Z-G20A14-030100 Range Knob",
      "item_brand": "AVANTI PRODUCTS",
      "item_category": "Storefront Catalog",
      "price": 22.97,
      "currency": "USD",
      "quantity": 1
    },
    "price": {
      "sales": {
        "value": 22.97,
        "currency": "USD",
        "formatted": "$22.97",
        "decimalPrice": "22.97"
      },
      "list": {
        "value": 25.51,
        "currency": "USD",
        "formatted": "$25.51",
        "decimalPrice": "25.51"
      }
    },
    "renderedPrice": "    <div class=\"price\">\n        \n        \n<span class=\"prices-wrapper\">\n    \n\n    <!-- Sale price -->\n    \n    <span class=\"sales\">\n        \n        \n        \n            <span class=\"value\" content=\"22.97\"></span>\n        \n        $22.97\n\n\n    </span>\n\n    <!-- Original / list price (single strike) -->\n    \n        \n        <span class=\"strike-through list\">\n            <span class=\"value\" content=\"25.51\">\n                <span class=\"sr-only\">\n                    Price reduced from\n                </span>\n                $25.51\n\n\n            </span>\n        </span>\n    \n</span>\n\n    </div>\n\n\n",
    "images": {
      "large": [
        {
          "alt": "Avanti Products Z-G20A14-030100 Range Knob",
          "url": "/on/demandware.static/-/Sites-hnkparts-master-catalog/default/dw520b634a/images/large/s/c/screenshot_2023-09-29_095859.png",
          "title": "Avanti Products Z-G20A14-030100 Range Knob"
        }
      ],
      "small": [
        {
          "alt": "Avanti Products Z-G20A14-030100 Range Knob",
          "url": "https://staging.hnkparts.com/dw/image/v2/BMMB_STG/on/demandware.static/-/Sites-hnkparts-master-catalog/default/dw520b634a/images/large/s/c/screenshot_2023-09-29_095859.png?sw=140&sh=140",
          "title": "Avanti Products Z-G20A14-030100 Range Knob"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 4,
    "variationAttributes": null,
    "longDescription": null,
    "shortDescription": null,
    "technicalDetails": null,
    "showAttributeSpecs": true,
    "productHighlights": null,
    "installationGuide": "<b>Step 1:</b> It should be confirmed that the range is powered off and disconnected from the outlet.<br> <br> <b>Step 2:</b> The oven panel should be opened and the damaged knob should be found.<br> <br> <b>Step 3:</b> The two screws securing the knob should be removed using a Phillips screwdriver.<br> <br> <b>Step 4:</b> The old knob should be extracted from its socket and placed gently aside.<br> <br> <b>Step 5:</b> The new knob should be positioned into its socket and fastened with the two screws that were detached in step 3.<br> <br> <b>Step 6:</b> The range should be reconnected and switched back on.<br> <br> <b>Step 7:</b> The functionality of the new knob should be verified to make sure it operates properly.<br> <br> The Avanti Products Z-G20A14-030100 Knob has been successfully swapped!<br> <br> It is important to note that these instructions are served as general guidance and should always be referenced alongside the manufacturer's manual, if one is available.",
    "troubleShootingGuides": null,
    "dimensions": [],
    "hasDimensions": false,
    "replacesParts": "G2A14.030100",
    "replacesPartsGroups": [
      {
        "brand": "",
        "parts": [
          {
            "name": "G2A14.030100",
            "url": null
          }
        ]
      }
    ],
    "hasReplacesParts": true,
    "useBrandLayout": false,
    "brandSpecs": null,
    "compatibleModelsApiEnabled": false,
    "compatibleModelsJson": null,
    "compatibleModels": null,
    "compatibleModelNames": [],
    "hasCompatibleModels": false,
    "faqs": [],
    "rating": 3.8,
    "promotions": null,
    "attributes": null,
    "availability": {
      "messages": [
        "In Stock"
      ],
      "inStockDate": null
    },
    "available": true,
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-hnkparts-Site/default/Product-Variation?pid=Z-G20A14-030100&quantity=1"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-hnkparts-Site/default/Product-Variation?pid=Z-G20A14-030100&quantity=2"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-hnkparts-Site/default/Product-Variation?pid=Z-G20A14-030100&quantity=3"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-hnkparts-Site/default/Product-Variation?pid=Z-G20A14-030100&quantity=4"
      }
    ],
    "selectedProductUrl": "/z-g20a14-030100-avanti-products-knob/Z-G20A14-030100.html?%2Fz-g20a14-030100-avanti-products-knob%2FZ-G20A14-030100.html=undefined&quantity=undefined",
    "readyToOrder": true,
    "online": true,
    "pageTitle": null,
    "pageDescription": null,
    "pageKeywords": null,
    "pageMetaTags": [],
    "template": null,
    "reviewPreferences": {
      "reviewsEnabled": true,
      "autoApprove": false,
      "requireLogin": false,
      "showApprovedOnly": true,
      "pageSize": 5,
      "showOnPlp": true,
      "showOnQuickView": true
    },
    "reviewSummary": {
      "count": 1,
      "averageRating": 0,
      "averageRatingRounded": 0,
      "hasReviews": true,
      "distribution": [
        {
          "rating": 5,
          "count": 0,
          "percentage": 0
        },
        {
          "rating": 4,
          "count": 0,
          "percentage": 0
        },
        {
          "rating": 3,
          "count": 0,
          "percentage": 0
        },
        {
          "rating": 2,
          "count": 0,
          "percentage": 0
        },
        {
          "rating": 1,
          "count": 0,
          "percentage": 0
        }
      ]
    },
    "brandData": {
      "name": "AVANTI PRODUCTS",
      "categoryID": "brands_avanti-parts",
      "letter": "A",
      "productCount": 103,
      "logo": "https://staging.hnkparts.com/on/demandware.static/-/Sites-hnkparts-storefront-catalog/default/dw31aee7d7/rokanthemes/brand/Avanti.jpg",
      "description": "AVANTI PRODUCTS",
      "normalizedBrandName": "avanti-products",
      "isFeatured": false,
      "url": "/brand/avanti-parts/"
    }
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Select Styles for Availability",
    "assistiveSelectedText": "selected"
  },
  "quickViewFullDetailMsg": "View Full Details",
  "closeButtonText": "Close Quickview Dialog",
  "enterDialogMessage": "Start of Quickview dialog window. Select Close to cancel and close the window.",
  "template": "product/quickView.isml",
  "csrf": {
    "tokenName": "csrf_token",
    "token": "a1QbZ9AsH7Al8WsyLdK1Z7od-4k4VqG5oj1j39wDHCaLQ9SZ_uRxDT3EbyAOgxG0aAgzaLzru9TQ0wTjUYREHExA93S_XXEUj9bKUaXKksmWEGqMgNIlC9WDcNj3jgAqJewDQXH0ufiwCDQrmYfEjPMlzOtIdYrW7QLlSEr-Y72DUuZKKwQ="
  },
  "renderedTemplate": "<div class=\"product-quickview product-standard col product-wrapper product-detail\" data-pid=\"Z-G20A14-030100\">\n    <div class=\"row\">\n        <!-- Product Images Carousel -->\n        <div class=\"primary-images col-12 col-sm-6\">\n    <div id=\"pdpCarousel-Z-G20A14-030100\" class=\"carousel slide pdp-carousel\" data-interval=\"0\" data-prev=\"Previous\" data-next=\"Next\">\n\n        <div class=\"carousel-inner\" role=\"listbox\">\n            \n                \n                \n                <div class=\"carousel-item active\">\n                    <div class=\"pdp-hover-zoom\">\n                        <img src=\"/on/demandware.static/-/Sites-hnkparts-master-catalog/default/dw520b634a/images/large/s/c/screenshot_2023-09-29_095859.png\" class=\"d-block img-fluid js-pdp-zoom js-pdp-hover-zoom\" alt=\"Avanti Products Z-G20A14-030100 Range Knob\" itemprop=\"image\" role=\"button\" tabindex=\"0\" aria-label=\"View full screen\" />\n                    </div>\n                </div>\n            \n        </div>\n\n        \n            \n            \n            <ol class=\"carousel-indicators pdp-thumbnails\">\n                <li data-target=\"#pdpCarousel-Z-G20A14-030100\" data-slide-to=\"0\" class=\"pdp-thumbnail active\">\n                    <img src=\"https://staging.hnkparts.com/dw/image/v2/BMMB_STG/on/demandware.static/-/Sites-hnkparts-master-catalog/default/dw520b634a/images/large/s/c/screenshot_2023-09-29_095859.png?sw=140&amp;sh=140\" alt=\"Avanti Products Z-G20A14-030100 Range Knob\" loading=\"lazy\" />\n                </li>\n            </ol>\n        \n    </div>\n</div>\n\n\n        <!-- Product Name and Number -->\n        <div class=\"col-sm-6\">\n            <div class=\"row\">\n                <div class=\"col\">\n                    <section>\n                        <h1 class=\"product-name\">\n                            Avanti Products Z-G20A14-030100 Range Knob\n                        </h1>\n                    </section>\n                </div>\n            </div>\n\n            <!-- SKU / Brand / Availability -->\n            <div class=\"row\">\n                <div class=\"col\">\n                    <div class=\"quickview-meta\">\n                        <span class=\"qv-meta-item\">\n                            <strong>SKU:</strong>\n                            <span class=\"product-id\">Z-G20A14-030100</span>\n                        </span>\n                        \n                            <span class=\"qv-meta-item\">\n                                <strong>Brand:</strong>\n                                \n    \n\n    <div class=\"product-brand\">\n        <a class=\"product-brand__name-link\" href=\"/brand/avanti-parts/\" title=\"Shop AVANTI PRODUCTS\">\n            <span class=\"product-brand__name\">\n                AVANTI PRODUCTS\n            </span>\n        </a>\n    </div>\n\n\n                            </span>\n                        \n                        <span class=\"qv-meta-item\">\n                            <strong>Availability:</strong>\n                            <!-- Availability -->\n<div class=\"availability product-availability\" data-ready-to-order=\"true\" data-available=\"true\">\n    \n        <span class=\"in-stock\">In Stock</span>\n    \n</div>\n\n                        </span>\n                    </div>\n                </div>\n            </div>\n\n            <!-- Short Description -->\n            \n\n            <div class=\"detail-panel\">\n                <!-- Attributes -->\n                <section class=\"attributes\">\n\n                    \n\n                    <hr>\n\n                    <!-- Applicable Promotions -->\n                    <div class=\"row\">\n                        <div class=\"col-12 promotions\">\n                            <div class=\"align-self-center\">\n                                \n\n\n\n                            </div>\n                        </div>\n                    </div>\n                </section>\n\n                \n                    <!-- Options -->\n                    \n                \n            </div>\n        </div>\n    </div>\n\n    \n\n    \n</div>\n<div class=\"modal-footer row align-items-end\">\n    \n\n    <div class=\"col\">\n        <div class=\"row align-items-end\">\n            <!-- Quantity -->\n            <div class=\"hidden-xs-down col-4\">\n                \n                    <label for=\"quantity-1\">Quantity</label>\n<select class=\"quantity-select custom-select form-control\" id=\"quantity-1\">\n    \n        <option value=\"1\"\n                data-url=\"/on/demandware.store/Sites-hnkparts-Site/default/Product-Variation?pid=Z-G20A14-030100&amp;quantity=1\"\n                selected\n        >\n            1\n        </option>\n    \n        <option value=\"2\"\n                data-url=\"/on/demandware.store/Sites-hnkparts-Site/default/Product-Variation?pid=Z-G20A14-030100&amp;quantity=2\"\n                \n        >\n            2\n        </option>\n    \n        <option value=\"3\"\n                data-url=\"/on/demandware.store/Sites-hnkparts-Site/default/Product-Variation?pid=Z-G20A14-030100&amp;quantity=3\"\n                \n        >\n            3\n        </option>\n    \n        <option value=\"4\"\n                data-url=\"/on/demandware.store/Sites-hnkparts-Site/default/Product-Variation?pid=Z-G20A14-030100&amp;quantity=4\"\n                \n        >\n            4\n        </option>\n    \n</select>\n\n                \n            </div>\n\n            <div class=\"col-8 mx-auto\">\n                <!-- Prices -->\n                <div class=\"prices\">\n                    \n                    \n    <div class=\"price\">\n        \n        \n<span class=\"prices-wrapper\">\n    \n\n    <!-- Sale price -->\n    \n    <span class=\"sales\">\n        \n        \n        \n            <span class=\"value\" content=\"22.97\"></span>\n        \n        $22.97\n\n\n    </span>\n\n    <!-- Original / list price (single strike) -->\n    \n        \n        <span class=\"strike-through list\">\n            <span class=\"value\" content=\"25.51\">\n                <span class=\"sr-only\">\n                    Price reduced from\n                </span>\n                $25.51\n\n\n            </span>\n        </span>\n    \n</span>\n\n    </div>\n\n\n                </div>\n\n                <!-- Cart and [Optionally] Apple Pay -->\n                \n                    \n\n\n\n<div class=\"row cart-and-ipay\">\n    <div class=\"col-sm-12\">\n        <input type=\"hidden\" class=\"js-is-show-pp-button\" value=\"true\" />\n        <input type=\"hidden\" class=\"add-to-cart-url\" value=\"/on/demandware.store/Sites-hnkparts-Site/default/Cart-AddProduct\" />\n        <button class=\"add-to-cart-global btn btn-primary js-add-to-cart-global\"\n                data-gtmdata=\"{&quot;id&quot;:&quot;Z-G20A14-030100&quot;,&quot;name&quot;:&quot;Avanti Products Z-G20A14-030100 Range Knob&quot;,&quot;category&quot;:&quot;Storefront Catalog&quot;,&quot;categoryID&quot;:&quot;root&quot;,&quot;price&quot;:22.97,&quot;currencyCode&quot;:&quot;USD&quot;}\"\n                data-gtmga4data=\"{&quot;item_id&quot;:&quot;Z-G20A14-030100&quot;,&quot;item_name&quot;:&quot;Avanti Products Z-G20A14-030100 Range Knob&quot;,&quot;item_brand&quot;:&quot;AVANTI PRODUCTS&quot;,&quot;item_category&quot;:&quot;Storefront Catalog&quot;,&quot;price&quot;:22.97,&quot;currency&quot;:&quot;USD&quot;,&quot;quantity&quot;:1}\"\n                data-pid=\"Z-G20A14-030100\"\n                >\n            <i class=\"fa fa-shopping-bag\"></i>\n            \n                Add to Cart\n            \n        </button>\n\n        \n                                                                                         \n\n        \n\n        \n            <div class=\"row paypal-pvp-button-global\">\n                <div class=\"col-sm-12\">\n                    \n                </div>\n                <div class=\"col-sm-12\">\n                    \n                </div>\n                <div class=\"col-sm-12\">\n                    \n                </div>\n            </div>\n            \n\n        \n    </div>\n</div>\n\n                \n            </div>\n        </div>\n    </div>\n</div>\n",
  "productUrl": "/z-g20a14-030100-avanti-products-knob/Z-G20A14-030100.html",
  "__gtmEvents": []
}