{
  "action": "Product-ShowQuickView",
  "queryString": "pid=TPBC",
  "locale": "default",
  "product": {
    "images": {
      "hi-res": [
        {
          "alt": "Showing 35 liter size backpack cover",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/A12-CK0691 35L.jpg",
          "index": "0",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/A12-CK0691 35L.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/A12-CK0691 35L.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "Showing waterproof feature of backpack cover",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/C12-CK0691 35L.jpg",
          "index": "1",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/C12-CK0691 35L.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/C12-CK0691 35L.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "Showing backpack cover stretched over bag",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/D12-CK0691 35L.jpg",
          "index": "2",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/D12-CK0691 35L.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/D12-CK0691 35L.jpg",
          "responsiveImages": ""
        }
      ],
      "large": [
        {
          "alt": "Showing 35 liter size backpack cover",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/A12-CK0691 35L.jpg",
          "index": "0",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/A12-CK0691 35L.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/A12-CK0691 35L.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "Showing waterproof feature of backpack cover",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/C12-CK0691 35L.jpg",
          "index": "1",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/C12-CK0691 35L.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/C12-CK0691 35L.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "Showing backpack cover stretched over bag",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/D12-CK0691 35L.jpg",
          "index": "2",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/D12-CK0691 35L.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/D12-CK0691 35L.jpg",
          "responsiveImages": ""
        }
      ],
      "small": [
        {
          "alt": "Showing 35 liter size backpack cover",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/A12-CK0691 35L.jpg",
          "index": "0",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/A12-CK0691 35L.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/A12-CK0691 35L.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "Showing waterproof feature of backpack cover",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/C12-CK0691 35L.jpg",
          "index": "1",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/C12-CK0691 35L.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/C12-CK0691 35L.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "Showing backpack cover stretched over bag",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/D12-CK0691 35L.jpg",
          "index": "2",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/D12-CK0691 35L.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/D12-CK0691 35L.jpg",
          "responsiveImages": ""
        }
      ]
    },
    "uuid": "deaaeab56ba11b25e50e46c674",
    "id": "TPBC",
    "productName": "Totem Pack CO Backpack Cover",
    "productType": "master",
    "brand": "Tapco",
    "price": {
      "type": "range",
      "min": {
        "sales": {
          "value": 16.99,
          "currency": "USD",
          "formatted": "$16.99",
          "decimalPrice": "16.99"
        },
        "list": null
      },
      "max": {
        "sales": {
          "value": 23.99,
          "currency": "USD",
          "formatted": "$23.99",
          "decimalPrice": "23.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=\"16.99\" data-price=\"$16.99\">\n                \n                $16.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=\"23.99\" data-price=\"$23.99\">\n                \n                $23.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": "LRGE",
            "description": null,
            "displayValue": "LARGE",
            "value": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a12-ck0691-lrg/totem-pack-co-backpack-cover-60l-lightweight-waterproof.jpg",
            "selected": false,
            "selectable": true,
            "url": "https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_TPBC_color=LRGE&pid=TPBC&quantity=1",
            "images": {}
          },
          {
            "id": "SMLL",
            "description": null,
            "displayValue": "SMALL",
            "value": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a12-ck0691-sml/totem-pack-co-backpack-cover-35l-lightweight-waterproof.jpg",
            "selected": false,
            "selectable": true,
            "url": "https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_TPBC_color=SMLL&pid=TPBC&quantity=1",
            "images": {}
          },
          {
            "id": "MEDI",
            "description": null,
            "displayValue": "MEDIUM",
            "value": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a12-ck0691-med/totem-pack-co-backpack-cover-45l-lightweight-waterproof.jpg",
            "selected": false,
            "selectable": true,
            "url": "https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_TPBC_color=MEDI&pid=TPBC&quantity=1",
            "images": {}
          }
        ]
      }
    ],
    "longDescription": "Stay prepared for any weather with the Totem Pack CO Backpack Cover, available in multiple sizes including 35L-Small, 45L-Medium, and 60L-Large to ensure a perfect fit for your backpack. Featuring an 8000mm waterproof rating, this cover provides superior protection against rain and moisture, keeping your gear dry no matter the conditions.\r\n\r\nWhether you're hiking, camping, or traveling, the upgraded anti-slip cross buckle straps keep the cover securely in place, even during active movement. Designed with four strengthened layers, it resists tears and wear for long-lasting durability in rugged conditions. Lightweight and easy to pack, the Totem Pack CO Backpack Cover is an essential accessory for outdoor enthusiasts seeking reliable weather protection.",
    "shortDescription": "<ul class=\"ulfont\" style=\"margin-left: 14px;\"><li style=\"display: list-item; list-style-type: disc\"><b>8000MM WATERPROOF RATING:</b> Shields your backpack and gear from heavy rain and wet conditions.</li><li style=\"display: list-item; list-style-type: disc\"><b>ANTI-SLIP STRAPS:</b> Upgraded cross buckle straps keep the cover securely in place during movement.</li><li style=\"display: list-item; list-style-type: disc\"><b>FOUR-LAYER DURABILITY:</b> Constructed with strengthened layers for superior tear and wear resistance.</li><li style=\"display: list-item; list-style-type: disc\"><b>AVAILABLE IN MULTIPLE SIZES:</b> Choose from 35L-Small, 45L-Medium, and 60L-Large to ensure the perfect fit for your backpack, no matter the size.</li><li style=\"display: list-item; list-style-type: disc\"><b>LIGHTWEIGHT AND PORTABLE:</b> Compact and easy to pack, perfect for carrying on any outdoor adventure.</li></ul>",
    "rating": 3.8,
    "promotions": null,
    "attributes": [
      {
        "ID": "ote_attributes",
        "name": "OTE Custom Attributes",
        "attributes": [
          {
            "label": "ca_ExcludeExpressShipping",
            "value": [
              "N"
            ]
          }
        ]
      }
    ],
    "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=TPBC&quantity=1"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=TPBC&quantity=2"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=TPBC&quantity=3"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=TPBC&quantity=4"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=TPBC&quantity=5"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=TPBC&quantity=6"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=TPBC&quantity=7"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=TPBC&quantity=8"
      },
      {
        "value": "9",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=TPBC&quantity=9"
      },
      {
        "value": "10",
        "selected": false,
        "url": "/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?pid=TPBC&quantity=10"
      }
    ],
    "selectedProductUrl": "/Totem-Pack-CO-Backpack-Cover/TPBC.html?%2FTotem-Pack-CO-Backpack-Cover%2FTPBC.html=undefined&quantity=undefined",
    "readyToOrder": false,
    "online": true,
    "pageTitle": "Totem Pack CO Backpack Cover",
    "pageDescription": "<b>8000MM WATERPROOF RATING:</b> Shields your backpack and gear from heavy rain and wet conditions.",
    "pageKeywords": null,
    "pageMetaTags": [
      {},
      {},
      {}
    ],
    "template": null,
    "_gtmCategoryID": "3301",
    "_gtmCategory": "Bug Out Bags/Bags & Backpacks",
    "_gtmMasterID": "TPBC",
    "_gtmBrand": "Tapco",
    "_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": "Stay prepared for any weather with the Totem Pack CO Backpack Cover, available in multiple sizes including 35L-Small, 45L-Medium, and 60L-Large to ensure a perfect fit for your backpack. Featuring an 8000mm waterproof rating, this cover provides superior protection against rain and moisture, keeping your gear dry no matter the conditions.\r\n\r\nWhether you're hiking, camping, or traveling, the upgraded anti-slip cross buckle straps keep the cover securely in place, even during active movement. Designed with four strengthened layers, it resists tears and wear for long-lasting durability in rugged conditions. Lightweight and easy to pack, the Totem Pack CO Backpack Cover is an essential accessory for outdoor enthusiasts seeking reliable weather protection.",
    "ca_SKU": "12 CK0691",
    "ca_ShortDescription": "<ul class=\"ulfont\" style=\"margin-left: 14px;\"><li style=\"display: list-item; list-style-type: disc\"><b>8000MM WATERPROOF RATING:</b> Shields your backpack and gear from heavy rain and wet conditions.</li><li style=\"display: list-item; list-style-type: disc\"><b>ANTI-SLIP STRAPS:</b> Upgraded cross buckle straps keep the cover securely in place during movement.</li><li style=\"display: list-item; list-style-type: disc\"><b>FOUR-LAYER DURABILITY:</b> Constructed with strengthened layers for superior tear and wear resistance.</li><li style=\"display: list-item; list-style-type: disc\"><b>AVAILABLE IN MULTIPLE SIZES:</b> Choose from 35L-Small, 45L-Medium, and 60L-Large to ensure the perfect fit for your backpack, no matter the size.</li><li style=\"display: list-item; list-style-type: disc\"><b>LIGHTWEIGHT AND PORTABLE:</b> Compact and easy to pack, perfect for carrying on any outdoor adventure.</li></ul>",
    "masterProductId": "TPBC",
    "hasEngraving": false,
    "engravingCharLimit": 0,
    "ca_ItemName": "Totem Pack CO Backpack Cover",
    "ca_MetaDescription": "<b>8000MM WATERPROOF RATING:</b> Shields your backpack and gear from heavy rain and wet conditions.",
    "ca_Title": "Totem Pack CO Backpack Cover",
    "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=\"TPBC\">\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/A12-CK0691 35L.jpg\"\n        data-lazy=\"\"\n        alt=\"Showing 35 liter size backpack cover 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/C12-CK0691 35L.jpg\"\n        alt=\"Showing waterproof feature of backpack cover 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/D12-CK0691 35L.jpg\"\n        alt=\"Showing backpack cover stretched over bag 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\">Totem Pack CO Backpack Cover</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=\"16.99\" data-price=\"$16.99\">\n                \n                $16.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=\"23.99\" data-price=\"$23.99\">\n                \n                $23.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\">TPBC</span>\n\n    <span class=\"product-sku js-product-sku\">\n        #12 CK0691\n    </span>\n\n\n    </div>\n\n    <!-- Product Rating -->\n    <div class=\"ratings pull-right\">\n        <span class=\"sr-only\">3.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/dwa6f185cf/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/dwa6f185cf/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/dwa6f185cf/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/dwa6f185cf/svg/symbols.svg#svg-star-half-o\"></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/dwa6f185cf/svg/symbols.svg#svg-star-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\"><b>8000MM WATERPROOF RATING:</b> Shields your backpack and gear from heavy rain and wet conditions.</li><li style=\"display: list-item; list-style-type: disc\"><b>ANTI-SLIP STRAPS:</b> Upgraded cross buckle straps keep the cover securely in place during movement.</li><li style=\"display: list-item; list-style-type: disc\"><b>FOUR-LAYER DURABILITY:</b> Constructed with strengthened layers for superior tear and wear resistance.</li><li style=\"display: list-item; list-style-type: disc\"><b>AVAILABLE IN MULTIPLE SIZES:</b> Choose from 35L-Small, 45L-Medium, and 60L-Large to ensure the perfect fit for your backpack, no matter the size.</li><li style=\"display: list-item; list-style-type: disc\"><b>LIGHTWEIGHT AND PORTABLE:</b> Compact and easy to pack, perfect for carrying on any outdoor adventure.</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            </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                <!-- 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\">LARGE</span>\n                                    <button class=\"btn color-attribute js-attr-selector-color\"\n                                        aria-label=\"Select color LARGE\"\n                                        aria-describedby=\"LRGE\"\n                                        data-url=\"https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_TPBC_color=LRGE&amp;pid=TPBC&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/a12-ck0691-lrg/totem-pack-co-backpack-cover-60l-lightweight-waterproof.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/a12-ck0691-lrg/totem-pack-co-backpack-cover-60l-lightweight-waterproof.jpg); background-size: contain; background-position: center; background-repeat: no-repeat;\">\n                                        </span>\n                                        <span id=\"LRGE\" 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\">SMALL</span>\n                                    <button class=\"btn color-attribute js-attr-selector-color\"\n                                        aria-label=\"Select color SMALL\"\n                                        aria-describedby=\"SMLL\"\n                                        data-url=\"https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_TPBC_color=SMLL&amp;pid=TPBC&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/a12-ck0691-sml/totem-pack-co-backpack-cover-35l-lightweight-waterproof.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/a12-ck0691-sml/totem-pack-co-backpack-cover-35l-lightweight-waterproof.jpg); background-size: contain; background-position: center; background-repeat: no-repeat;\">\n                                        </span>\n                                        <span id=\"SMLL\" 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\">MEDIUM</span>\n                                    <button class=\"btn color-attribute js-attr-selector-color\"\n                                        aria-label=\"Select color MEDIUM\"\n                                        aria-describedby=\"MEDI\"\n                                        data-url=\"https://www.chkadels.com/on/demandware.store/Sites-Chkadels-Site/default/Product-Variation?dwvar_TPBC_color=MEDI&amp;pid=TPBC&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/a12-ck0691-med/totem-pack-co-backpack-cover-45l-lightweight-waterproof.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/a12-ck0691-med/totem-pack-co-backpack-cover-45l-lightweight-waterproof.jpg); background-size: contain; background-position: center; background-repeat: no-repeat;\">\n                                        </span>\n                                        <span id=\"MEDI\" 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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=TPBC&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=\"TPBC\"\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/dwa6f185cf/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": "/Totem-Pack-CO-Backpack-Cover/TPBC.html"
}