{
  "action": "Product-ShowQuickView",
  "queryString": "pid=ABXX",
  "locale": "default",
  "product": {
    "images": {
      "hi-res": [
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/A51-MG036BLK.jpg",
          "index": "0",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/A51-MG036BLK.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/A51-MG036BLK.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/C51-MG036BLK.jpg",
          "index": "1",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/C51-MG036BLK.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/C51-MG036BLK.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/D51-MG036BLK.jpg",
          "index": "2",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/D51-MG036BLK.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/D51-MG036BLK.jpg",
          "responsiveImages": ""
        }
      ],
      "large": [
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/A51-MG036BLK.jpg",
          "index": "0",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/A51-MG036BLK.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/A51-MG036BLK.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/C51-MG036BLK.jpg",
          "index": "1",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/C51-MG036BLK.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/C51-MG036BLK.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/D51-MG036BLK.jpg",
          "index": "2",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/D51-MG036BLK.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/D51-MG036BLK.jpg",
          "responsiveImages": ""
        }
      ],
      "small": [
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/A51-MG036BLK.jpg",
          "index": "0",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/A51-MG036BLK.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/A51-MG036BLK.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/C51-MG036BLK.jpg",
          "index": "1",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/C51-MG036BLK.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/C51-MG036BLK.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/D51-MG036BLK.jpg",
          "index": "2",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/D51-MG036BLK.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/D51-MG036BLK.jpg",
          "responsiveImages": ""
        }
      ]
    },
    "uuid": "c4eb11b35910530eb0fe2986ec",
    "id": "ABXX",
    "productName": "M48 OPS Gear Assault Pack",
    "productType": "master",
    "brand": "M48 Gear",
    "price": {
      "type": "range",
      "min": {
        "sales": {
          "value": 101.99,
          "currency": "USD",
          "formatted": "$101.99",
          "decimalPrice": "101.99"
        },
        "list": null
      },
      "max": {
        "sales": {
          "value": 103.99,
          "currency": "USD",
          "formatted": "$103.99",
          "decimalPrice": "103.99"
        },
        "list": null
      }
    },
    "renderedPrice": "    <div class=\"price\">\n        <span class=\"range\">\n    \n\n    \n    \n    \n\n\n\n<span class=\"price-container \">\n    \n\n    \n    <span class=\"sales\">\n        \n            <span class=\"value\" content=\"101.99\" data-price=\"$101.99\">\n                \n                $101.99\n\n\n            </span>\n        \n        \n        \n    </span>\n    \n    \n</span>\n\n    -\n    \n    \n    \n\n\n\n<span class=\"price-container \">\n    \n\n    \n    <span class=\"sales\">\n        \n        \n            <span class=\"value\" content=\"103.99\" data-price=\"$103.99\">\n                \n                $103.99\n\n\n            </span>\n        \n        \n    </span>\n    \n    \n</span>\n\n</span>\n\n    </div>\n\n\n",
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 10,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "color",
        "id": "color",
        "swatchable": true,
        "displayValue": "",
        "values": [
          {
            "id": "BLK",
            "description": null,
            "displayValue": "Black",
            "value": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-blk/m48-ops-gear-assault-pack-black-front-view.jpg",
            "selected": false,
            "selectable": true,
            "url": "https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_ABXX_color=BLK&pid=ABXX&quantity=1",
            "images": {}
          },
          {
            "id": "CAM",
            "description": null,
            "displayValue": "CAMO",
            "value": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-cam/gear-assault-pack-camo-front-view-detachable-pouches.jpg",
            "selected": false,
            "selectable": true,
            "url": "https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_ABXX_color=CAM&pid=ABXX&quantity=1",
            "images": {}
          },
          {
            "id": "DIG",
            "description": null,
            "displayValue": "DIGITAL CAMO",
            "value": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-dig/gear-assault-pack-digital-camo-front-view.jpg",
            "selected": false,
            "selectable": true,
            "url": "https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_ABXX_color=DIG&pid=ABXX&quantity=1",
            "images": {}
          },
          {
            "id": "OD",
            "description": null,
            "displayValue": "Olive Drab",
            "value": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-od/gear-assault-pack-od-green-front-view-detachable-pouches.jpg",
            "selected": false,
            "selectable": true,
            "url": "https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_ABXX_color=OD&pid=ABXX&quantity=1",
            "images": {}
          },
          {
            "id": "TAN",
            "description": null,
            "displayValue": "Tan",
            "value": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-tan/gear-assault-pack-tan-detachable-pouches-molle-webbing.jpg",
            "selected": false,
            "selectable": true,
            "url": "https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_ABXX_color=TAN&pid=ABXX&quantity=1",
            "images": {}
          }
        ]
      }
    ],
    "longDescription": "This backpack by M48 Ops will easily house all your field and tactical gear, featuring an extra-large main compartment and large secondary compartment, both of which feature a multitude of pockets for organization. This backpack also boasts two detachable side pouches and a large detachable front utility pouch. The utility pouch features a large main compartment and two separate smaller compartments on each side, tons of zippers, and straps for additional attachments. Ample MOLLE webbing throughout the backpack's design, including on the detachable pouches, allows you to attach all your additional gear quickly and easily. D-Rings and built-in carabiners also make for easy attachments. The back panel and shoulder straps are padded for comfort during long treks, and the adjustable waist strap and shoulder straps allow you to achieve a custom, comfortable fit. A sturdy emergency drag handle is also incorporated into the top of this backpack. Multiple straps, buckles, zippers, pockets and attachment points allow you to carry tons of gear with this M48 Ops backpack efficiently.",
    "shortDescription": "<ul class=\"ulfont\" style=\"margin-left: 14px;\"><li style=\"display: list-item; list-style-type: disc\">Heavy-duty nylon construction</li><li style=\"display: list-item; list-style-type: disc\">Multiple pockets, zippers & straps</li><li style=\"display: list-item; list-style-type: disc\">Detachable utility pouch & side pockets</li><li style=\"display: list-item; list-style-type: disc\">Adjustable shoulder & waist straps</li><li style=\"display: list-item; list-style-type: disc\">Interior carabiner clips</li><li style=\"display: list-item; list-style-type: disc\">Approx. 21\" x 12\" x 6\"</li></ul>",
    "rating": 4.8,
    "promotions": null,
    "attributes": [
      {
        "ID": "ote_attributes",
        "name": "OTE Custom Attributes",
        "attributes": [
          {
            "label": "ca_ExcludeExpressShipping",
            "value": [
              "N"
            ]
          }
        ]
      },
      {
        "ID": "ote_refinement",
        "name": "OTE Refinements",
        "attributes": [
          {
            "label": "Brand",
            "value": [
              "M48 Gear"
            ]
          },
          {
            "label": "Camping and Survival",
            "value": [
              "Bags & Backpacks"
            ]
          }
        ]
      }
    ],
    "availability": {
      "messages": [
        "In Stock"
      ],
      "inStockDate": null
    },
    "available": true,
    "formatedInStockDate": null,
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&quantity=1"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&quantity=2"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&quantity=3"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&quantity=4"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&quantity=5"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&quantity=6"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&quantity=7"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&quantity=8"
      },
      {
        "value": "9",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&quantity=9"
      },
      {
        "value": "10",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&quantity=10"
      }
    ],
    "selectedProductUrl": "/M48-Ops-Gear-Backpack/ABXX.html?%2FM48-Ops-Gear-Backpack%2FABXX.html=undefined&quantity=undefined",
    "readyToOrder": false,
    "online": true,
    "pageTitle": "M48 OPS Gear Assault Pack",
    "pageDescription": "Heavy-duty nylon construction. Multiple pockets, zippers & straps. Detachable utility pouch & side pockets. Adjustable shoulder & waist straps.",
    "pageKeywords": null,
    "pageMetaTags": [
      {},
      {},
      {}
    ],
    "template": null,
    "_gtmCategoryID": "3301",
    "_gtmCategory": "Bug Out Bags/Bags & Backpacks",
    "_gtmMasterID": "ABXX",
    "_gtmBrand": "M48 Gear",
    "_gtmPrice": null,
    "_gtmVariantID": null,
    "availableForInStorePickup": false,
    "giftRegistryLink": "/on/demandware.store/Sites-Chkadels-Site/default/GiftRegistry-AddProductInterceptAjax?rurl=3",
    "responsiveImages": [],
    "badge": {},
    "ca_ShowEmailMe": "Y",
    "excludeExpressShipping": false,
    "ageLimit": false,
    "stateRestrictions": "",
    "retailQtyLimit": "0",
    "videoSchema": {},
    "international": "Y",
    "cloudflareVideoURL": "",
    "ca_LongDescription": "This backpack by M48 Ops will easily house all your field and tactical gear, featuring an extra-large main compartment and large secondary compartment, both of which feature a multitude of pockets for organization. This backpack also boasts two detachable side pouches and a large detachable front utility pouch. The utility pouch features a large main compartment and two separate smaller compartments on each side, tons of zippers, and straps for additional attachments. Ample MOLLE webbing throughout the backpack's design, including on the detachable pouches, allows you to attach all your additional gear quickly and easily. D-Rings and built-in carabiners also make for easy attachments. The back panel and shoulder straps are padded for comfort during long treks, and the adjustable waist strap and shoulder straps allow you to achieve a custom, comfortable fit. A sturdy emergency drag handle is also incorporated into the top of this backpack. Multiple straps, buckles, zippers, pockets and attachment points allow you to carry tons of gear with this M48 Ops backpack efficiently.",
    "ca_SKU": "51 MG036",
    "ca_ShortDescription": "<ul class=\"ulfont\" style=\"margin-left: 14px;\"><li style=\"display: list-item; list-style-type: disc\">Heavy-duty nylon construction</li><li style=\"display: list-item; list-style-type: disc\">Multiple pockets, zippers & straps</li><li style=\"display: list-item; list-style-type: disc\">Detachable utility pouch & side pockets</li><li style=\"display: list-item; list-style-type: disc\">Adjustable shoulder & waist straps</li><li style=\"display: list-item; list-style-type: disc\">Interior carabiner clips</li><li style=\"display: list-item; list-style-type: disc\">Approx. 21\" x 12\" x 6\"</li></ul>",
    "masterProductId": "ABXX",
    "hasEngraving": false,
    "engravingCharLimit": 0,
    "ca_ItemName": "M48 OPS Gear Assault Pack",
    "ca_MetaDescription": "Heavy-duty nylon construction. Multiple pockets, zippers & straps. Detachable utility pouch & side pockets. Adjustable shoulder & waist straps.",
    "ca_Title": "M48 OPS Gear Assault Pack",
    "dailyDealPromotion": false
  },
  "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",
  "slickData": {
    "arrows": true,
    "dots": true,
    "slidesToShow": 1
  },
  "renderedTemplate": "<div class=\"product-quickview product-master col mb-0 product-wrapper product-detail\"\ndata-disable-zoom=\"true\"\ndata-pid=\"ABXX\">\n    <div class=\"row\">\n        <!-- Product Images Carousel -->\n        \n\n\n\n\n\n\n\n\n\n\n<style>\n    .img-zoom-preload {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    opacity: 0;\n    pointer-events: none;\n    overflow: hidden;\n}\n\n.c-product-detail__carousel--pdp,\n.c-product-detail__carousel--quickview {\n    min-height: 300px; /* Adjust based on your typical image height */\n    position: relative;\n}\n\n@media (min-width: 768px) {\n    .c-product-detail__carousel--pdp,\n    .c-product-detail__carousel--quickview {\n        min-height: 400px; /* Larger for desktop */\n    }\n}\n\n/* Add a subtle loading indicator */\n.c-product-detail__carousel--pdp:empty::before,\n.c-product-detail__carousel--quickview:empty::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: #f8f9fa;\n}\n\n@media (min-width: 768px) and (max-width: 991.98px) {\n  .js-carousel-thumbs.slick-vertical {\n    height: auto !important;\n    max-height: 500px;\n    overflow-y: auto;\n  }\n}\n\n</style>\n<div class=\"c-product-detail__images c-product-detail__images--quickview primary-images col-12 position-relative px-0\">\n    \n        <div class=\"js-product-badge product-badge\">\n            <div class=\"position-absolute c-product-detail__badge c-product-detail__badge\" style=\"color:; background-color:;\">\n    \n</div>\n\n        </div>\n    \n    <section class=\"slide\" aria-labelledby=\"product-imgs-heading\">\n        <h2 id=\"product-imgs-heading\" class=\"sr-only\">\n            Product Images\n        </h2>\n        <div class=\"js-carousel-main c-product-detail__carousel--quickview js-slider s-slick mb-4 mb-md-0\"\n        data-slick=\"{&quot;arrows&quot;:true,&quot;dots&quot;:true,&quot;slidesToShow&quot;:1}\">\n            \n                \n                    \n                        <div class=\"c-product-detail__img-wrapper\">\n    <img\n        width=\"600\"\n        height=\"600\"\n        sizes=\"(min-width: 1600px) 600px,\n            (min-width: 768px) 50vw,\n            100vw\"\n        class=\"d-block img-fluid\"\n        title=\"\"\n        itemprop=\"image\"\n        src=\"https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/A51-MG036BLK.jpg\"\n        data-lazy=\"\"\n        alt=\" image number 0\"\n        loading=\"eager\"\n        fetchpriority=\"high\"\n    />\n</div>\n\n                    \n                \n            \n                \n                    <div class=\"img-zoom-d-none d-none\">\n                        \n                            <div class=\"c-product-detail__img-wrapper\">\n    <img\n        width=\"600\"\n        height=\"600\"\n        sizes=\"(min-width: 1600px) 600px,\n            (min-width: 768px) 50vw,\n            100vw\"\n        class=\"d-block img-fluid\"\n        title=\"\"\n        itemprop=\"image\"\n        src=\"\"\n        data-lazy=\"https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/C51-MG036BLK.jpg\"\n        alt=\" image number 1\"\n        loading=\"lazy\"\n        fetchpriority=\"auto\"\n    />\n</div>\n\n                        \n                    </div>\n                \n            \n                \n                    <div class=\"img-zoom-d-none d-none\">\n                        \n                            <div class=\"c-product-detail__img-wrapper\">\n    <img\n        width=\"600\"\n        height=\"600\"\n        sizes=\"(min-width: 1600px) 600px,\n            (min-width: 768px) 50vw,\n            100vw\"\n        class=\"d-block img-fluid\"\n        title=\"\"\n        itemprop=\"image\"\n        src=\"\"\n        data-lazy=\"https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/D51-MG036BLK.jpg\"\n        alt=\" image number 2\"\n        loading=\"lazy\"\n        fetchpriority=\"auto\"\n    />\n</div>\n\n                        \n                    </div>\n                \n            \n        </div>\n        \n    </section>\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\">M48 OPS Gear Assault Pack</h1>\n                    </section>\n                </div>\n            </div>\n\n            <div class=\"row\">\n                <div class=\"col\">\n                    <!-- Prices -->\n                    <div class=\"prices text-left\">\n                        \n                        \n    <div class=\"price\">\n        <span class=\"range\">\n    \n\n    \n    \n    \n\n\n\n<span class=\"price-container \">\n    \n\n    \n    <span class=\"sales\">\n        \n            <span class=\"value\" content=\"101.99\" data-price=\"$101.99\">\n                \n                $101.99\n\n\n            </span>\n        \n        \n        \n    </span>\n    \n    \n</span>\n\n    -\n    \n    \n    \n\n\n\n<span class=\"price-container \">\n    \n\n    \n    <span class=\"sales\">\n        \n        \n            <span class=\"value\" content=\"103.99\" data-price=\"$103.99\">\n                \n                $103.99\n\n\n            </span>\n        \n        \n    </span>\n    \n    \n</span>\n\n</span>\n\n    </div>\n\n\n                    </div>\n                </div>\n            </div>\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\n            <!-- Product Rating -->\n            <div class=\"row\">\n                <div class=\"col\">\n                    <div class=\"product-number-rating clearfix\">\n    <!-- Product Number -->\n    <div class=\"product-number pull-left\">\n        <span class=\"product-id d-none\">ABXX</span>\n\n    <span class=\"product-sku js-product-sku\">\n        #51 MG036\n    </span>\n\n\n    </div>\n\n    <!-- Product Rating -->\n    <div class=\"ratings pull-right\">\n        <span class=\"sr-only\">4.8 out of 5 Customer Rating</span>\n        \n\n\n\n\n\n\n\n\n    \n        \n            <svg class=\"c-icon c-icon--rating-star\" aria-hidden=\"true\">\n     \n    <use class=\"\" xlink:href=\"/on/demandware.static/Sites-Chkadels-Site/-/default/dw2de1b625/svg/symbols.svg#svg-star\"></use>\n    \n</svg>\n\n        \n    \n        \n            <svg class=\"c-icon c-icon--rating-star\" aria-hidden=\"true\">\n     \n    <use class=\"\" xlink:href=\"/on/demandware.static/Sites-Chkadels-Site/-/default/dw2de1b625/svg/symbols.svg#svg-star\"></use>\n    \n</svg>\n\n        \n    \n        \n            <svg class=\"c-icon c-icon--rating-star\" aria-hidden=\"true\">\n     \n    <use class=\"\" xlink:href=\"/on/demandware.static/Sites-Chkadels-Site/-/default/dw2de1b625/svg/symbols.svg#svg-star\"></use>\n    \n</svg>\n\n        \n    \n        \n            <svg class=\"c-icon c-icon--rating-star\" aria-hidden=\"true\">\n     \n    <use class=\"\" xlink:href=\"/on/demandware.static/Sites-Chkadels-Site/-/default/dw2de1b625/svg/symbols.svg#svg-star\"></use>\n    \n</svg>\n\n        \n    \n        \n            <svg class=\"c-icon c-icon--rating-star\" aria-hidden=\"true\">\n     \n    <use class=\"\" xlink:href=\"/on/demandware.static/Sites-Chkadels-Site/-/default/dw2de1b625/svg/symbols.svg#svg-star-half-o\"></use>\n    \n</svg>\n\n        \n    \n\n\n    </div>\n</div>\n\n                </div>\n            </div>\n\n            <!-- Short Description -->\n            \n<div class=\"row\">\n    <div class=\"description col \">\n        \n\n    <div class=\"value content pt-4\">\n        <ul class=\"ulfont\" style=\"margin-left: 14px;\"><li style=\"display: list-item; list-style-type: disc\">Heavy-duty nylon construction</li><li style=\"display: list-item; list-style-type: disc\">Multiple pockets, zippers & straps</li><li style=\"display: list-item; list-style-type: disc\">Detachable utility pouch & side pockets</li><li style=\"display: list-item; list-style-type: disc\">Adjustable shoulder & waist straps</li><li style=\"display: list-item; list-style-type: disc\">Interior carabiner clips</li><li style=\"display: list-item; list-style-type: disc\">Approx. 21\" x 12\" x 6\"</li></ul>\n    </div>\n\n\n\n    </div>\n</div>\n\n\n            <hr>\n\n            <div class=\"detail-panel\">\n                <!-- Attributes -->\n                <section class=\"attributes\">\n\n                    <div class=\"row\">\n    <div class=\"col\">\n        \n            <div class=\"main-attributes\">\n                \n                    \n                \n                    \n                \n            </div>\n        \n    </div>\n</div>\n\n\n                        \n                            <div data-attr=\"color\" class=\"swatch row\">\n                                <div class=\"col-12\">\n                                    \n\n\n<div class=\"c-product-detail__attributes__item js-product-attribute-item attribute col\">\n\n\n    \n\n        <!-- Select <Attribute> Label -->\n        <span class=\"color non-input-label\">\n            \n            <span class = \"js-hide-on-select\">Select</span> color\n            <span class=\"attribute-required\">(required):</span>\n            <span class=\"js-variant-color color-variant\"></span>\n            \n            \n            <span class=\"c-product-detail__attributes__item__error add-to-cart-validation d-none\">\n                Select color\n            </span>\n            \n        </span>\n\n        <!-- Circular Swatch Image Attribute Values -->\n        <div class=\"pb-4\">\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                <!-- Image-based swatches in slick slider -->\n                <div class=\"variations-slick-slider\">\n                    <div class=\"js-variations-slider s-slick s-slick--variations\" \n                         data-slick='{\"arrows\": false, \"slidesToShow\": 6, \"slidesToScroll\": 1, \"infinite\": false, \"variableWidth\": false, \"centerMode\": false, \"adaptiveHeight\": false, \"swipeToSlide\": true, \"touchMove\": true, \"responsive\": [{\"breakpoint\": 768, \"settings\": {\"slidesToShow\": 4, \"variableWidth\": false}}, {\"breakpoint\": 480, \"settings\": {\"slidesToShow\": 2, \"variableWidth\": false}}]}'\n                         style=\"max-width: 900px;\">\n                        \n                            \n                                <div class=\"variation-slide d-flex flex-column align-items-center\">\n                                    <span class=\"variation-name font-weight-bold text-uppercase mb-1\">Black</span>\n                                    <button class=\"btn color-attribute js-attr-selector-color\"\n                                        aria-label=\"Select color Black\"\n                                        aria-describedby=\"BLK\"\n                                        data-url=\"https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_ABXX_color=BLK&amp;pid=ABXX&amp;quantity=1\" \n                                    >\n                                        <span data-attr-value=\"https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-blk/m48-ops-gear-assault-pack-black-front-view.jpg\"\n                                            class=\"color-value swatch-circle swatch-value  selectable\"\n                                            style=\"background-image: url(https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-blk/m48-ops-gear-assault-pack-black-front-view.jpg); background-size: contain; background-position: center; background-repeat: no-repeat;\">\n                                        </span>\n                                        <span id=\"BLK\" class=\"sr-only selected-assistive-text\">\n                                            \n                                        </span>\n                                    </button>\n                                </div>\n                            \n                        \n                            \n                                <div class=\"variation-slide d-flex flex-column align-items-center\">\n                                    <span class=\"variation-name font-weight-bold text-uppercase mb-1\">CAMO</span>\n                                    <button class=\"btn color-attribute js-attr-selector-color\"\n                                        aria-label=\"Select color CAMO\"\n                                        aria-describedby=\"CAM\"\n                                        data-url=\"https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_ABXX_color=CAM&amp;pid=ABXX&amp;quantity=1\" \n                                    >\n                                        <span data-attr-value=\"https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-cam/gear-assault-pack-camo-front-view-detachable-pouches.jpg\"\n                                            class=\"color-value swatch-circle swatch-value  selectable\"\n                                            style=\"background-image: url(https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-cam/gear-assault-pack-camo-front-view-detachable-pouches.jpg); background-size: contain; background-position: center; background-repeat: no-repeat;\">\n                                        </span>\n                                        <span id=\"CAM\" class=\"sr-only selected-assistive-text\">\n                                            \n                                        </span>\n                                    </button>\n                                </div>\n                            \n                        \n                            \n                                <div class=\"variation-slide d-flex flex-column align-items-center\">\n                                    <span class=\"variation-name font-weight-bold text-uppercase mb-1\">DIGITAL CAMO</span>\n                                    <button class=\"btn color-attribute js-attr-selector-color\"\n                                        aria-label=\"Select color DIGITAL CAMO\"\n                                        aria-describedby=\"DIG\"\n                                        data-url=\"https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_ABXX_color=DIG&amp;pid=ABXX&amp;quantity=1\" \n                                    >\n                                        <span data-attr-value=\"https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-dig/gear-assault-pack-digital-camo-front-view.jpg\"\n                                            class=\"color-value swatch-circle swatch-value  selectable\"\n                                            style=\"background-image: url(https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-dig/gear-assault-pack-digital-camo-front-view.jpg); background-size: contain; background-position: center; background-repeat: no-repeat;\">\n                                        </span>\n                                        <span id=\"DIG\" class=\"sr-only selected-assistive-text\">\n                                            \n                                        </span>\n                                    </button>\n                                </div>\n                            \n                        \n                            \n                                <div class=\"variation-slide d-flex flex-column align-items-center\">\n                                    <span class=\"variation-name font-weight-bold text-uppercase mb-1\">Olive Drab</span>\n                                    <button class=\"btn color-attribute js-attr-selector-color\"\n                                        aria-label=\"Select color Olive Drab\"\n                                        aria-describedby=\"OD\"\n                                        data-url=\"https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_ABXX_color=OD&amp;pid=ABXX&amp;quantity=1\" \n                                    >\n                                        <span data-attr-value=\"https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-od/gear-assault-pack-od-green-front-view-detachable-pouches.jpg\"\n                                            class=\"color-value swatch-circle swatch-value  selectable\"\n                                            style=\"background-image: url(https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-od/gear-assault-pack-od-green-front-view-detachable-pouches.jpg); background-size: contain; background-position: center; background-repeat: no-repeat;\">\n                                        </span>\n                                        <span id=\"OD\" class=\"sr-only selected-assistive-text\">\n                                            \n                                        </span>\n                                    </button>\n                                </div>\n                            \n                        \n                            \n                                <div class=\"variation-slide d-flex flex-column align-items-center\">\n                                    <span class=\"variation-name font-weight-bold text-uppercase mb-1\">Tan</span>\n                                    <button class=\"btn color-attribute js-attr-selector-color\"\n                                        aria-label=\"Select color Tan\"\n                                        aria-describedby=\"TAN\"\n                                        data-url=\"https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_ABXX_color=TAN&amp;pid=ABXX&amp;quantity=1\" \n                                    >\n                                        <span data-attr-value=\"https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-tan/gear-assault-pack-tan-detachable-pouches-molle-webbing.jpg\"\n                                            class=\"color-value swatch-circle swatch-value  selectable\"\n                                            style=\"background-image: url(https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a51-mg036-tan/gear-assault-pack-tan-detachable-pouches-molle-webbing.jpg); background-size: contain; background-position: center; background-repeat: no-repeat;\">\n                                        </span>\n                                        <span id=\"TAN\" class=\"sr-only selected-assistive-text\">\n                                            \n                                        </span>\n                                    </button>\n                                </div>\n                            \n                        \n                    </div>\n                </div>\n                \n                <script>\n                    (function() {\n                        // Run immediately, don't wait for DOMContentLoaded\n                        setTimeout(function() {\n                            var sliders = document.querySelectorAll('.js-variations-slider');\n                            if (!sliders || !sliders.length) return;\n\n                            var isMobile = window.innerWidth <= 768;\n\n                            Array.prototype.forEach.call(sliders, function(slider) {\n                                var swatchCount = slider.querySelectorAll('.variation-slide').length;\n\n                                if (isMobile) {\n                                    // Enable slick on mobile/tablet with centered slides\n                                    var isSmallMobile = window.innerWidth <= 480;\n                                    var config = JSON.parse(slider.getAttribute('data-slick'));\n                                    config.slidesToShow = isSmallMobile ? 1 : 3;\n                                    config.centerMode = true;\n                                    config.centerPadding = isSmallMobile ? '40px' : '60px';\n                                    config.arrows = false;\n                                    config.infinite = false;\n                                    config.variableWidth = false;\n\n                                    try {\n                                        if (window.jQuery && window.jQuery.fn && window.jQuery.fn.slick) {\n                                            var $s = window.jQuery(slider);\n                                            if ($s.hasClass('slick-initialized')) {\n                                                $s.slick('unslick');\n                                            }\n                                            $s.slick(config);\n                                        }\n                                    } catch (e) {}\n                                } else {\n                                    // Desktop: ensure no slick and apply side-by-side layout\n                                    try {\n                                        if (window.jQuery && window.jQuery.fn && window.jQuery.fn.slick) {\n                                            var $s2 = window.jQuery(slider);\n                                            if ($s2.hasClass('slick-initialized')) {\n                                                $s2.slick('unslick');\n                                            }\n                                        }\n                                    } catch (e) {}\n                                    slider.classList.remove('slick-initialized', 'slick-slider');\n                                    slider.style.display = 'flex';\n                                    slider.style.flexWrap = 'nowrap';\n                                    slider.style.gap = '8px';\n                                    slider.style.justifyContent = 'flex-start';\n                                }\n\n                                // Hide selected text label when using image-based swatches\n                                try {\n                                    var hasImage = swatchCount > 0;\n                                    var labelEl = slider.closest('.c-product-detail__attributes__item')\n                                        .querySelector('.js-variant-color');\n                                    if (labelEl) {\n                                        labelEl.style.display = hasImage ? 'none' : '';\n                                    }\n                                } catch (e) {}\n                            });\n                        }, 100); // Small delay to ensure DOM is ready\n                    })();\n                </script>\n            \n        </div>\n\n    \n    \n    \n</div>\n\n                                </div>\n\n                                \n                                    <!-- Quantity Drop Down Menu -->\n                                    <div class=\"attribute quantity col-4 d-sm-none\">\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-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=1\"\n                selected\n        >\n            1\n        </option>\n    \n        <option value=\"2\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=2\"\n                \n        >\n            2\n        </option>\n    \n        <option value=\"3\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=3\"\n                \n        >\n            3\n        </option>\n    \n        <option value=\"4\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=4\"\n                \n        >\n            4\n        </option>\n    \n        <option value=\"5\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=5\"\n                \n        >\n            5\n        </option>\n    \n        <option value=\"6\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=6\"\n                \n        >\n            6\n        </option>\n    \n        <option value=\"7\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=7\"\n                \n        >\n            7\n        </option>\n    \n        <option value=\"8\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=8\"\n                \n        >\n            8\n        </option>\n    \n        <option value=\"9\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=9\"\n                \n        >\n            9\n        </option>\n    \n        <option value=\"10\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=10\"\n                \n        >\n            10\n        </option>\n    \n</select>\n\n                                        \n                                    </div>\n                                \n                            </div>\n                        \n\n                        <div class=\"d-sm-none row availability align-self-end \" data-ready-to-order=\"false\" data-available=\"true\">\n                            \n\n<ul class=\"list-unstyled availability-msg\" data-ship-today-text=\"&mdash; Ships Today!\">\n    <li>\n        \n            <div></div>\n        \n    </li>\n</ul>\n\n\n\n                        </div>\n                </section>\n\n                \n                    <!-- Options -->\n                    \n                \n            </div>\n\n            \n            <!-- Quantity -->\n            <div class=\"row mt-4\">\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-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=1\"\n                selected\n        >\n            1\n        </option>\n    \n        <option value=\"2\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=2\"\n                \n        >\n            2\n        </option>\n    \n        <option value=\"3\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=3\"\n                \n        >\n            3\n        </option>\n    \n        <option value=\"4\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=4\"\n                \n        >\n            4\n        </option>\n    \n        <option value=\"5\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=5\"\n                \n        >\n            5\n        </option>\n    \n        <option value=\"6\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=6\"\n                \n        >\n            6\n        </option>\n    \n        <option value=\"7\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=7\"\n                \n        >\n            7\n        </option>\n    \n        <option value=\"8\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=8\"\n                \n        >\n            8\n        </option>\n    \n        <option value=\"9\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=9\"\n                \n        >\n            9\n        </option>\n    \n        <option value=\"10\"\n                data-url=\"/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=ABXX&amp;quantity=10\"\n                \n        >\n            10\n        </option>\n    \n</select>\n\n                    \n                </div>\n            </div>\n\n            <hr>\n\n            <div class=\"row \">\n                <div class=\"hidden-xs-down col availability align-self-end global-availability mt-2\" data-ready-to-order=\"false\" data-available=\"true\">\n                    <div class=\"row\">\n                        \n\n<ul class=\"list-unstyled availability-msg\" data-ship-today-text=\"&mdash; Ships Today!\">\n    <li>\n        \n            <div></div>\n        \n    </li>\n</ul>\n\n\n\n                    </div>\n                </div>\n            </div>\n            <div class=\"row\">\n                <div class=\"col\">\n                    <!-- Cart and [Optionally] Apple Pay -->\n                    \n                        \n<div class=\"row cart-and-ipay\">\n    <div class=\"col-md-12 text-md-left d-md-flex justify-content-md-between\">\n        <input type=\"hidden\" class=\"add-to-cart-url js-add-to-cart-url\" value=\"/on/demandware.store/Sites-Chkadels-Site/default/Cart-AddProduct\">\n        <button class=\"add-to-cart-global btn btn-primary col-md-7\"\n                data-pid=\"ABXX\"\n                >\n            <i class=\"fa fa-shopping-bag\"></i>\n            \n                Add to Cart\n            \n        </button>\n        <button type=\"submit\" class=\"link-primary add-to-wish-list mt-4 mt-md-0\" data-href=\"/on/demandware.store/Sites-Chkadels-Site/default/Wishlist-AddProduct\">\n            <svg class=\"c-icon c-icon--check\" aria-hidden=\"true\">\n     \n    <use class=\"\" xlink:href=\"/on/demandware.static/Sites-Chkadels-Site/-/default/dw2de1b625/svg/symbols.svg#svg-star-icon\"></use>\n    \n</svg>\n\n            <span>Add to Wishlist</span>\n        </button>\n    </div>\n</div>\n\n                    \n                </div>\n            </div>\n        </div>\n    </div>\n\n    \n\n    \n</div>\n",
  "productUrl": "/M48-Ops-Gear-Backpack/ABXX.html"
}