{"product_id":"donner-backbeat-electronic-drum-set-with-7-touch-screen-and-1126-sounds","title":"Donner BackBeat Electronic Drum Kit","description":"\u003ch1 style=\"text-align: center; font-size: 26px; font-weight: bold;\"\u003e\u003cstrong\u003eDonner BackBeat Electronic Drum Beat Upgrade\u003c\/strong\u003e\u003c\/h1\u003e\n\u003cdiv class=\"cap cai\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/1464_600_44e8b516-ca10-43de-a105-ed4aef3fd4d3.png?v=1725618789\"\u003e\u003c\/div\u003e\n\n\u003cem\u003e\u003cstrong\u003eView More Details：\u003ca href=\"https:\/\/drummingreview.com\/donner-backbeat-review\/\"\u003e\u003cspan style=\"color: #ff2a00;\"\u003eDonner Unveils BackBeat Electronic Drum Set at NAMM 2024: Review\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\u003c\/em\u003e\n\u003cstyle\u003e\u003c!--\n  .cap {\n          margin: 0 auto!important;\n      }\n  --\u003e\u003c\/style\u003e\n\u003cdiv class=\"hidden-phone cap cai\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/01__KV_9f2d83b6-866f-4418-8076-df9d169b2cae.jpg?v=1706171035\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hidden-desktop cap cai\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/A__M__01.jpg?v=1706171078\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hidden-phone cap cai\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/02__KV.jpg?v=1706171035\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hidden-desktop cap cai\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/A__M__02.jpg?v=1706171079\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hidden-phone cap cai\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/03_ff00dc27-9ca5-4197-88e4-6af84b33476d.jpg?v=1706171035\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hidden-desktop cap cai\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/A__M__03.jpg?v=1706171079\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hidden-phone cap cai\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/04_b897c1cb-1a74-4f0b-8040-c7d8e885e0af.jpg?v=1710816495\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"ranrion-lunbotu\"\u003e\n        \u003cstyle\u003e\n          .flex {\n            display: flex;\n          }\n\n          .bg-cover {\n            background-size: cover;\n          }\n          .advanced-swiper-container {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            transition: transform 0.4s;\n            transform: translateX(0);\n          }\n          .advanced-swiper .swiper-item,\n          .advanced-swiper img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n          }\n\n          @media (max-width: 750px) {\n            .mb\\:flex {\n              display: flex;\n            }\n\n            .mb\\:none {\n              display: none;\n            }\n\n            .mb\\:block {\n              display: block;\n            }\n          }\n          .advanced-swiper {\n            width: 100%;\n            transform: translate3d(0, 0, 0) 0.4s;\n            position: relative;\n            overflow: hidden;\n            margin-bottom: 10px;\n            line-height: 1.25;\n            margin: 0 auto;\n          }\n\n          .bg-swiper-container {\n            width: 100%;\n            height: 100%;\n          }\n\n          .bg-swiper-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transform: translateX(0);\n            transition: transform 0.4s;\n            margin: 0;\n          }\n\n          .bg-swiper-dis {\n            \/* pc简述大小 *\/\n            font-size: 18px;\n          }\n\n          .bg-swiper-arrow-l,\n          .bg-swiper-arrow-r {\n            position: absolute;\n            z-index: 3;\n            top: 50%;\n            cursor: pointer;\n            user-select: none;\n          }\n\n          .bg-swiper-arrow-l i,\n          .bg-swiper-arrow-r i {\n            width: 24px;\n            height: 24px;\n            display: block;\n            position: relative;\n          }\n\n          :root {\n            \/* 背景轮播图箭头颜色 *\/\n            --bg-swiper-bg-swiper-arrow-color: #ffffff;\n          }\n\n          .bg-swiper-arrow-l i::before,\n          .bg-swiper-arrow-r i::before {\n            content: \"\";\n            display: block;\n            width: 24px;\n            height: 2px;\n            background-color: var(--bg-swiper-bg-swiper-arrow-color);\n            position: absolute;\n            top: 0;\n          }\n\n          .bg-swiper-arrow-l i::after,\n          .bg-swiper-arrow-r i::after {\n            content: \"\";\n            display: block;\n            width: 2px;\n            height: 24px;\n            background-color: var(--bg-swiper-bg-swiper-arrow-color);\n            position: absolute;\n            right: 0;\n          }\n\n          .bg-swiper-arrow-l {\n            transform: rotateZ(-135deg);\n            left: 20px;\n          }\n\n          .bg-swiper-arrow-r {\n            transform: rotateZ(45deg);\n            right: 20px;\n          }\n\n          .bg-swiper-point {\n            width: 100%;\n            justify-content: center;\n            position: absolute;\n            \/* 指示点与下方距离 *\/\n            bottom: 20px;\n            z-index: 4;\n          }\n\n          .bg-swiper-point span {\n            \/* 指示点大小,两个值都需要调整为一样大小才是圆形 *\/\n            width: 12px;\n            height: 12px;\n            border-radius: 50%;\n            \/* 指示点颜色 *\/\n            background-color: #f5f1ee;\n            \/* 指示点左右距离,只需调整第二个值 *\/\n            margin: 0 8px;\n          }\n\n          .bg-swiper-point span.on {\n            \/* 选中指示点颜色 *\/\n            background-color: #ffa500;\n          }\n\n          @media (max-width: 750px) {\n            .bg-swiper {\n              width: 100%;\n              height: auto;\n            }\n\n            .bg-swiper-text {\n              width: 100%;\n              position: static;\n              transform: translate(0);\n            }\n\n            .bg-swiper-point {\n              position: static;\n              \/* M端指示点与上方距离 *\/\n              margin-top: 0px;\n            }\n\n            .bg-swiper-title {\n              \/* M端标题大小 *\/\n              font-size: 0px;\n            }\n\n            .bg-swiper-dis {\n              \/* M端简述大小 *\/\n              font-size: 0px;\n            }\n          }\n\n          \/* 背景轮播图样式 END *\/\n        \u003c\/style\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"advanced-swiper rantion-lunbo\"\u003e\n            \u003cdiv class=\"advanced-swiper-container\" style=\"width: 9520px; transform: translate3d(-3808px, 0px, 0px);\"\u003e\n\u003cdiv class=\"swiper-item\" style=\"width: 1904px;\"\u003e \u003cpicture\u003e\n            \u003csource media=\"(min-width:750px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/01_557aa735-6ce5-4911-8985-d0bac0145832.jpg?v=1706171038\"\u003e\n            \u003csource media=\"(max-width:750px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/A__M__04.jpg?v=1706171078\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/01_557aa735-6ce5-4911-8985-d0bac0145832.jpg?v=1706171038\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e \u003cdiv class=\"swiper-item\" style=\"width: 1904px;\"\u003e \u003cpicture\u003e\n            \u003csource media=\"(min-width:750px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/02_e8cc1c4b-d356-4b42-b68c-b0517fc6422f.jpg?v=1706171039\"\u003e\n            \u003csource media=\"(max-width:750px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/A__M__05.jpg?v=1706171078\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/02_e8cc1c4b-d356-4b42-b68c-b0517fc6422f.jpg?v=1706171039\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e \u003cdiv class=\"swiper-item\" style=\"width: 1904px;\"\u003e \u003cpicture\u003e\n            \u003csource media=\"(min-width:750px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/03_25f1f26f-b9ed-46e4-96fe-ac36ad495e6a.jpg?v=1706171039\"\u003e\n            \u003csource media=\"(max-width:750px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/A__M__06.jpg?v=1706171078\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/03_25f1f26f-b9ed-46e4-96fe-ac36ad495e6a.jpg?v=1706171039\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"bg-swiper-arrow-l\"\u003e\n\u003ci\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"bg-swiper-arrow-r\"\u003e\n\u003ci\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"bg-swiper-point flex\"\u003e\n\u003cspan class=\"\"\u003e\u003c\/span\u003e \u003cspan class=\"\"\u003e\u003c\/span\u003e \u003cspan class=\"on\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cscript\u003e\n            (function () {\n              setTimeout(() =\u003e {\n                $(\".rantion-lunbo\").each(function (item) {\n                  const $this = $(this);\n                  let bgSwiperImg = $this.find(\".swiper-item\");\n                  const containerm = $this.find(\".advanced-swiper-container\");\n                  const width = $this.width();\n                  const len = $this.find(\".swiper-item\").length;\n                  containerm.css(\"width\", width * 5);\n                  bgSwiperImg.css(\"width\", width);\n                  let bgSwiperCount = len - 1;\n                  let bgSwiperIndex = 0;\n                  let bgSwiperPoint = $this.find(\".bg-swiper-point span\");\n                  function bgSwiperPlayer(i) {\n                    if (i \u003e bgSwiperCount) {\n                      i = 0;\n                    } else if (i \u003c 0) {\n                      i = bgSwiperCount;\n                    }\n                    bgSwiperIndex = i;\n                    console.log(bgSwiperIndex);\n                    containerm.css(\n                      \"transform\",\n                      `translate3d(-${i * width}px, 0px, 0px)`\n                    );\n                    bgSwiperPoint.removeClass(\"on\");\n                    bgSwiperPoint.eq(i).addClass(\"on\");\n                  }\n                  $this.on(\n                    \"click\",\n                    \".bg-swiper-arrow-l,.bg-swiper-arrow-r\",\n                    function () {\n                      $(this).hasClass(\"bg-swiper-arrow-l\")\n                        ? bgSwiperIndex--\n                        : bgSwiperIndex++;\n                      bgSwiperPlayer(bgSwiperIndex);\n                    }\n                  );\n                  let bgSwiperTimer = setInterval(() =\u003e {\n                    bgSwiperIndex++;\n                    bgSwiperPlayer(bgSwiperIndex);\n                    \/\/ 以下数字设置轮播图切换时间,5000代表5秒\n                  }, 4000);\n                });\n              });\n            })();\n          \u003c\/script\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\u003cli\u003e 【DONNER PLAY】- Free to use with the accompanying practice APP\u003c\/li\u003e\n\u003cdiv class=\"hidden-phone cap cai\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/04_90d35b09-3343-4e07-b0d0-9b7ceaf189cf.jpg?v=1714441805\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hidden-desktop cap cai\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/A__M__07_fd00556b-fa61-43a1-aa7a-8ac1d0fd936a.jpg?v=1714441805\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hidden-phone cap cai\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/06_023f512a-4ac2-44dd-b555-761cc80d9dc0.jpg?v=1706171034\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hidden-desktop cap cai\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/A__M__08.jpg?v=1706171078\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hidden-desktop cap cai\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/A__M__09.jpg?v=1706171078\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hidden-desktop cap cai\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1384\/9629\/files\/600x450.png?v=1710827616\"\u003e\u003c\/div\u003e\n","brand":"Donnermusic - eu","offers":[{"title":"Default Title","offer_id":44988655108290,"sku":"EC6878","price":1099.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0658\/6200\/9026\/files\/EC6694-BACKBEAT-1.jpg?v=1742805914","url":"https:\/\/eu.donnermusic.com\/tr\/products\/donner-backbeat-electronic-drum-set-with-7-touch-screen-and-1126-sounds","provider":"Donner Music - EU","version":"1.0","type":"link"}