{"product_id":"blavor-solar-power-bank-pn-w05-10-000mah-20w-wireless-charger","title":"BLAVOR Solar Power Bank PN-W05(10,000mAh, 20W, Wireless Charger)","description":"\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n\u003cstyle\u003e\n    samueldiv {\n      background: #f4f4f4;\n      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n      font-size: 14px;\n      color: #333;\n      margin: 0;\n      padding: 0;\n    }\n    .swiper {\n      width: 100%;\n      height: auto;\n      margin: 10px auto;\n    }\n    .swiper-slide {\n      text-align: center;\n      font-size: 18px;\n      background: #fff;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    .append-buttons {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 20px;\n    }\n    .append-buttons a {\n      flex: 1 1 120px;\n      max-width: 160px;\n      height: 40px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      text-align: center;\n      border: 2px solid #ff6500;\n      border-radius: 5px;\n      color: #ff6500;\n      font-size: 16px;\n    }\n    .append-buttons a:hover {\n      background-color: #ff6500;\n      color: #fff;\n    }\n    .append-buttons a.active {\n      background-color: #ff6500;\n      color: #fff;\n    }\n\t\n\t\n\t\t\t\/**************video********************\/\n\t.product-Description-samuel-video{\n\t\tposition: relative;\n        width: 100%;\n\t\tmargin: 0px 0 10px 0;\n\t}\n\t.product-Description-samuel-video video {\n        display: block;\n        width: 100%;\n        cursor: pointer;\n    }\n\t\/**************************************\/\n\t\n\t\/**************双图********************\/\n\t.image-grid-two-description {\n\t  display: grid;\n\t  grid-template-columns: repeat(2, 1fr); \/* 电脑端每行2个图片 *\/\n\t  gap: 10px; \/* 图片间距 *\/\n\t  max-width: 100%;\n\t  margin: 0px 0 10px 0;\n\t}\n\n\t\/* 响应式布局，手机端自适应 *\/\n\t@media screen and (max-width: 600px) {\n\t  .image-grid-two-description {\n\t\tgrid-template-columns: 1fr; \/* 手机端一行一个图片 *\/\n\t\tgap: 5px; \/* 图片间距 *\/\n\t  }\n\t}\n\n\t\/* 图片容器样式 *\/\n\t.image-container-two-description {\n\t  position: relative;\n\t}\n\n\t\/* 图片样式 *\/\n\t.image-container-two-description img {\n\t  width: 100%;\n\t  display: block;\n\t}\n\n\t\/* 文本样式 *\/\n\t.image-container-two-description p {\n\t  text-align: center;\n\t  color: #000000; \/* 字体颜色：黑色 *\/\n\t  font-size: 18px; \/* 字体大小 *\/\n\t  font-weight: bold; \/* 加粗 *\/\n\t  margin: 8px 0 0px 0; \/* 控制文本与图片的间距 *\/\n\t}\n\t  \/**************************************\/\n\t  \n\t \/**************单长图********************\/\n\t \/* 图片容器的基本布局 *\/\n\t.single-image-container-description {\n\t  max-width: 100%; \/* 最大宽度，调整以适应你的需求 *\/\n\t  margin: auto; \/* 居中对齐 *\/\n\t  margin: 0px 0 10px 0;\n\t}\n\n\t\/* 响应式布局 *\/\n\t@media screen and (max-width: 600px) {\n\t  .single-image-container-description img {\n\t\theight: 180px; \/* 手机端图片固定高度 *\/\n\t\tobject-fit: cover; \/* 图片覆盖，保持比例 *\/\n\t  }\n\t}\n\n\t\/* 图片样式 *\/\n\t.single-image-container-description img {\n\t  width: 100%;\n\t  display: block;\n\t  height:100%;\n\t}\n\t\/**************************************\/\n\u003c\/style\u003e\n\u003cp style=\"display: none;\"\u003eSolar Charger Power Bank 10,000mAh, Portable Wireless Charger, 20W Fast Charging External Battery Pack with USB C for Cell Phones, Solar Panel Charger with Dual Flashlight for Camping\u003c\/p\u003e\n\u003csamueldiv\u003e\n\t\u003cdiv class=\"single-image-container-description\"\u003e\n\t\t\u003cdiv\u003e\n\t\t\t\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/a5c10e90-2bc3-484d-83e4-c434de9de863_jpg.png\" alt=\"Blavor PN-W05\"\u003e\n\t\t\u003c\/div\u003e\n\t\u003c\/div\u003e\n\t\t\n\t\u003c!-- Video Element --\u003e\n\t\u003cdiv class=\"product-Description-samuel-video\"\u003e\n\t\t\u003cvideo controls\u003e\n\t\t\t\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7b672992a5b340e28c3c0a1c22c6e018.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\t\u003c\/div\u003e\n\t\t\n\t\u003cdiv class=\"image-grid-two-description\"\u003e\n\t\t\u003cdiv class=\"image-container-two-description\"\u003e\n\t\t\t\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/8ee8b26e-4cd4-48d5-87fb-56b4cf4831e1_jpg.png\" alt=\"Qi Certified Wireless Charging\"\u003e\n\t\t\t\u003cp\u003eQi Certified Wireless Charging\u003c\/p\u003e\n\t\t\u003c\/div\u003e\n\t\t\u003cdiv class=\"image-container-two-description\"\u003e\n\t\t\t\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/94aee7c4-4f86-4b5a-9b4a-bab23fc5b242_jpg.png\" alt=\"Solar Charging\"\u003e\n\t\t\t\u003cp\u003eSolar Charging\u003c\/p\u003e\n\t\t\u003c\/div\u003e\n\t\u003c\/div\u003e\n\n\n\u003cdiv class=\"swiper swiper-1\"\u003e\n  \u003cdiv class=\"swiper-wrapper\"\u003e\n    \u003cdiv class=\"swiper-slide\"\u003e\n      \u003cimg id=\"img-slide-01-0\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/04_05e9ca5e-9b9c-4264-b5c2-3d7e5f99d68e.jpg\" alt=\"Emergency Charging\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"swiper-slide\"\u003e\n      \u003cimg id=\"img-slide-01-1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/05_3c30bc7f-f3ee-4a0c-888d-ab9984db21ef.jpg\" alt=\"Airline Approved\"\u003e\n    \u003c\/div\u003e\n\t\u003cdiv class=\"swiper-slide\"\u003e\n      \u003cimg id=\"img-slide-01-2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/06_56baefe0-8256-4d6b-a1ca-d81bea429b00.jpg\" alt=\"LED Flashlight\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"swiper-slide\"\u003e\n      \u003cimg id=\"img-slide-01-3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/07_3a2ee4fb-96d6-4785-a5d8-1cf7aaa3010e.jpg\" alt=\"IPX5 Waterproof\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cp class=\"append-buttons buttons-1\"\u003e\n  \u003ca href=\"#\" class=\"slide-1 active\"\u003e\u003cspan\u003eEmergency Charging\u003c\/span\u003e\u003c\/a\u003e\n  \u003ca href=\"#\" class=\"slide-2\"\u003e\u003cspan\u003eAirline Approved\u003c\/span\u003e\u003c\/a\u003e\n  \u003ca href=\"#\" class=\"slide-3\"\u003e\u003cspan\u003eLED Flashlight\u003c\/span\u003e\u003c\/a\u003e\n  \u003ca href=\"#\" class=\"slide-4\"\u003e\u003cspan\u003eIPX5 Waterproof\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003cdiv class=\"swiper swiper-2\"\u003e\n  \u003cdiv class=\"swiper-wrapper\"\u003e\n    \u003cdiv class=\"swiper-slide\"\u003e\n      \u003cimg id=\"img-slide-02-0\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/17.jpg\" alt=\"2 Charging Methods\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"swiper-slide\"\u003e\n      \u003cimg id=\"img-slide-02-1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/18.jpg\" alt=\"Real Rated 10000mAh\"\u003e\n    \u003c\/div\u003e\n\t\u003cdiv class=\"swiper-slide\"\u003e\n      \u003cimg id=\"img-slide-02-2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/19.jpg\" alt=\"PD 20W Fast Charging\"\u003e\n    \u003c\/div\u003e\n\t\u003cdiv class=\"swiper-slide\"\u003e\n      \u003cimg id=\"img-slide-02-3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/20.jpg\" alt=\"Package Including\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cp class=\"append-buttons buttons-2\"\u003e\n  \u003ca href=\"#\" class=\"slide-5 active\"\u003e\u003cspan\u003e2 Charging Methods\u003c\/span\u003e\u003c\/a\u003e\n  \u003ca href=\"#\" class=\"slide-6\"\u003e\u003cspan\u003eReal Rated 10000mAh\u003c\/span\u003e\u003c\/a\u003e\n  \u003ca href=\"#\" class=\"slide-7\"\u003e\u003cspan\u003ePD 20W Fast Charging\u003c\/span\u003e\u003c\/a\u003e\n  \u003ca href=\"#\" class=\"slide-8\"\u003e\u003cspan\u003ePackage Including\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/p\u003e\n\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003cscript\u003e\n  \/\/ Swiper 1\n  const swiper1 = new Swiper('.swiper-1', {\n    slidesPerView: 1,\n    centeredSlides: true,\n    spaceBetween: 0,\n\tmousewheel: false \/\/ Disable mousewheel scroll\n  });\n\n  \/\/ Swiper 2\n  const swiper2 = new Swiper('.swiper-2', {\n    slidesPerView: 1,\n    centeredSlides: true,\n    spaceBetween: 0,\n\tmousewheel: false \/\/ Disable mousewheel scroll\n  });\n\n  const buttons1 = document.querySelectorAll('.buttons-1 a');\n  const buttons2 = document.querySelectorAll('.buttons-2 a');\n\n  function setActiveButton(buttons, clickedButton) {\n    buttons.forEach(button =\u003e button.classList.remove('active'));\n    clickedButton.classList.add('active');\n  }\n\n  \/\/ Event listeners for Swiper 1\n  buttons1.forEach((button, index) =\u003e {\n    button.addEventListener('click', function (e) {\n      e.preventDefault();\n      swiper1.slideTo(index, 0);\n      setActiveButton(buttons1, this);\n    });\n  });\n\n  \/\/ Event listeners for Swiper 2\n  buttons2.forEach((button, index) =\u003e {\n    button.addEventListener('click', function (e) {\n      e.preventDefault();\n      swiper2.slideTo(index, 0);\n      setActiveButton(buttons2, this);\n    });\n  });\n\n  \/\/ Update active button when Swiper 1 slide changes\n  swiper1.on('slideChange', function () {\n    const activeIndex = swiper1.activeIndex;\n    setActiveButton(buttons1, buttons1[activeIndex]);\n  });\n\n  \/\/ Update active button when Swiper 2 slide changes\n  swiper2.on('slideChange', function () {\n    const activeIndex = swiper2.activeIndex;\n    setActiveButton(buttons2, buttons2[activeIndex]);\n  });\n\n  \/\/ Function to update images for Swiper 1\n  function updateImages01() {\n    const imgSrcs = [\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/08_113844f0-5939-4915-b7de-80b6d0bcdec3.jpg\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/09_bd835392-c05d-4d6c-88d5-730856e51ee6.jpg\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/10_b0656b10-f3ad-4b2e-a9f3-87c2518849ac.jpg\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/12_57164160-c4ea-4061-8f0d-65e9c3b7f32d.jpg\"\n    ];\n\n    imgSrcs.forEach((src, index) =\u003e {\n      document.getElementById(`img-slide-01-${index}`).src = src;\n    });\n  }\n\n  \/\/ Function to update images for Swiper 2\n  function updateImages02() {\n    const imgSrcs = [\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/13_3a6970ab-985e-40ba-9c94-6d9c7647cb4f.jpg\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/14.jpg\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/15.jpg\",\n      \"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/16.jpg\"\n    ];\n\n    imgSrcs.forEach((src, index) =\u003e {\n      document.getElementById(`img-slide-02-${index}`).src = src;\n    });\n  }\n\n  \/\/ Update images for mobile view\n  if (window.innerWidth \u003c= 768) {\n    updateImages01(); \/\/ Update images in Swiper 1 for mobile\n    updateImages02(); \/\/ Update images in Swiper 2 for mobile\n  }\n\u003c\/script\u003e\n\u003c\/samueldiv\u003e\n","brand":"BLAVOR","offers":[{"title":"Orange","offer_id":48129615790234,"sku":"W05-OG","price":67.99,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":48129615823002,"sku":"W05-BK","price":67.99,"currency_code":"USD","in_stock":true},{"title":"Red","offer_id":48129615855770,"sku":"W05-RD","price":67.99,"currency_code":"USD","in_stock":false},{"title":"Blue","offer_id":48129615888538,"sku":"W05-BU","price":67.99,"currency_code":"USD","in_stock":false},{"title":"Dark Green","offer_id":48129615921306,"sku":"PN-W05-GN","price":67.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0515\/3937\/8330\/files\/01_805012af-4d77-4676-add9-c19168f18ded.jpg?v=1727431918","url":"https:\/\/blavorpowerbank.com\/products\/blavor-solar-power-bank-pn-w05-10-000mah-20w-wireless-charger","provider":"BLAVOR","version":"1.0","type":"link"}