{"product_id":"donner-solid-wood-piano-bench-with-storage-high-density-suede-cushion-chair-white","title":"Donner DKB-10 Solid Wood Piano Bench with Storage White","description":"\u003cpicture\u003e \u003csource media=\"(min-width: 751px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0518\/1898\/7676\/files\/1_c92c8f2d-a707-4f08-af4f-355b294becb1.jpg?v=1665716980\"\u003e \u003csource media=\"(max-width: 750px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0518\/1898\/7676\/files\/1_c92c8f2d-a707-4f08-af4f-355b294becb1.jpg?v=1665716980\"\u003e \u003cimg class=\"only-one-img\" alt=\"\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003cstyle\u003e\u003c!--\n    .flex {\n      display: flex;\n    }\n\n    .bg-cover {\n      background-size: cover;\n    }\n\n    .pc\\:none {\n      display: none;\n    }\n\n    .pc\\:flex {\n      display: flex;\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\n    \/* 四分图样式 *\/\n    .imgandtext4 {\n      width: 100%;\n      justify-content: space-between;\n\/* 模块与下方距离 *\/\n      margin-bottom: 10px;\n      line-height: 1.25;\n    }\n\n    .imgandtext4-item {\n      \/* pc端单个宽度,最大为25% *\/\n      width: 24%;\n    }\n\n    .imgandtext4-item img {\n      width: 100%;\n    }\n\n    .imgandtext4-title {\n      \/* pc标题大小 *\/\n      font-size: 18px;\n      \/* pc标题与上下方距离,第一个值为上,第三个值为下 *\/\n      margin: 8px 0 8px;\n      \/* 标题颜色 *\/\n      color: #111111;\n    }\n\n    .imgandtext4-dis {\n      \/* pc简述大小 *\/\n      font-size: 14px;\n      \/* 简述颜色 *\/\n      color: #333333;\n    }\n\n    @media (max-width:750px) {\n      .imgandtext4 {\n        width: 100%;\n        justify-content: space-evenly;\n        flex-wrap: wrap;\n      }\n\n      .imgandtext4-item {\n        \/* M端单个图宽度,最大为50% *\/\n        width: 49%;\n      }\n\n      .imgandtext4-title {\n        \/* M端标题大小 *\/\n        font-size: 18px;\n      }\n\n      .imgandtext4-dis {\n        \/* M端简述大小 *\/\n        font-size: 14px;\n      }\n    }\n\n    \/* 四分图样式 END *\/\n  \n--\u003e\u003c\/style\u003e\n\u003c!-- 多次使用此功能无需再次复制以上代码 --\u003e\n\u003cdiv class=\"imgandtext4 flex\"\u003e\n\u003cdiv class=\"imgandtext4-item\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0518\/1898\/7676\/files\/300225-1.jpg?v=1665717373\" alt=\"\"\u003e\n\u003cdiv class=\"imgandtext4-title\"\u003e\u003cstrong\u003eStrong Bearing Force\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"imgandtext4-dis\"\u003eThe high density of the sponge keeps it from deforming and can support up to 300 pounds of weight.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"imgandtext4-item\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0518\/1898\/7676\/files\/300225-2.jpg?v=1665717373\" alt=\"\"\u003e\n\u003cdiv class=\"imgandtext4-title\"\u003e\u003cstrong\u003eHard Solid Wood\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"imgandtext4-dis\"\u003eThe hard solid wood material makes continuous use without deformation.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"imgandtext4-item\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0518\/1898\/7676\/files\/300225-3.jpg?v=1665717373\" alt=\"\"\u003e\n\u003cdiv class=\"imgandtext4-title\"\u003e\u003cstrong\u003eVelet Cushion\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"imgandtext4-dis\"\u003eWaterproof Outer Layer，Cleaned by Wet Towel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"imgandtext4-item\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0518\/1898\/7676\/files\/300225-4.jpg?v=1665717373\" alt=\"\"\u003e\n\u003cdiv class=\"imgandtext4-title\"\u003e\u003cstrong\u003eDustproof Velvet\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"imgandtext4-dis\"\u003eThe selected velvet is used as a piano stool lining, effectively protecting your sheet music from getting dirty.\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cstyle\u003e\n    .flex {\n      display: flex;\n    }\n\n    .bg-cover {\n      background-size: cover;\n    }\n\n    .pc\\:none {\n      display: none;\n    }\n\n    .pc\\:flex {\n      display: flex;\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\n    \/* 背景轮播图样式 *\/\n    .bg-swiper {\n      width: 100%;\n      position: relative;\n      overflow: hidden;\n      \/* 模块与下方距离 *\/\n      margin-bottom: 60px;\n      line-height: 1.25;\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 .4s;\n    }\n\n    .bg-swiper-text {\n      position: absolute;\n      \/* pc文本框与上方距离 *\/\n      top: 50%;\n      transform: translateY(-50%);\n      \/* pc文本框与左边距离 *\/\n      left: 80px;\n      \/* 文本框背景颜色与透明度 *\/\n      background-color: rgba(200, 200, 200, 0.8);\n      z-index: 4;\n      \/* 文本框内边距,第一个值是上下,第二个值是左右 *\/\n      padding: 40px 40px;\n      \/* 文本框长度 *\/\n      width: 400px;\n      box-sizing: border-box;\n    }\n\n    .bg-swiper-title {\n      \/* pc标题大小 *\/\n      font-size: 24px;\n    }\n\n    .bg-swiper-dis {\n      \/* pc简述大小 *\/\n      font-size: 18px;\n    }\n\n    .arrow-l,\n    .arrow-r {\n      position: absolute;\n      z-index: 3;\n      top: 50%;\n      cursor: pointer;\n      user-select: none;\n    }\n\n    .arrow-l i,\n    .arrow-r i {\n      width: 24px;\n      height: 24px;\n      display: block;\n      position: relative;\n    }\n\n\n    :root {\n      \/* 背景轮播图箭头颜色 *\/\n      --bg-swiper-arrow-color: #000000;\n    }\n\n    .arrow-l i::before,\n    .arrow-r i::before {\n      content: \"\";\n      display: block;\n      width: 24px;\n      height: 2px;\n      background-color: var(--bg-swiper-arrow-color);\n      position: absolute;\n      top: 0;\n    }\n\n    .arrow-l i::after,\n    .arrow-r i::after {\n      content: \"\";\n      display: block;\n      width: 2px;\n      height: 24px;\n      background-color: var(--bg-swiper-arrow-color);\n      position: absolute;\n      right: 0;\n    }\n\n    .arrow-l {\n      transform: rotateZ(-135deg);\n      left: 20px;\n    }\n\n    .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: #b0b8c1;\n      \/* 指示点左右距离,只需调整第二个值 *\/\n      margin: 0 8px;\n    }\n\n    .bg-swiper-point span.on {\n      \/* 选中指示点颜色 *\/\n      background-color: #404040;\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: 12px;\n      }\n\n      .bg-swiper-title {\n        \/* M端标题大小 *\/\n        font-size: 24px;\n      }\n\n      .bg-swiper-dis {\n        \/* M端简述大小 *\/\n        font-size: 18px;\n      }\n    }\n\n    \/* 背景轮播图样式 END *\/\n  \u003c\/style\u003e\n\n\u003c!-- 多次使用此功能无需再次复制以上代码 --\u003e\n\n  \u003c!-- 需要填写当前sku --\u003e\n  \u003cdiv class=\"bg-swiper\" data-bgswipersku=\"EC6612\"\u003e\n    \u003cdiv class=\"bg-swiper-container pc pc:flex mb:none\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0518\/1898\/7676\/files\/2_7877ade1-efcb-4634-9661-9686c892b095.jpg?v=1665716980\" alt=\"\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0518\/1898\/7676\/files\/3_988a58f0-259e-441d-8dc8-89c23eab66ed.jpg?v=1665716979\" alt=\"\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0518\/1898\/7676\/files\/4_fb9dc001-369c-48b0-9c1b-3588fb9f8a75.jpg?v=1665716980\" alt=\"\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bg-swiper-container mb mb:flex pc:none\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0518\/1898\/7676\/files\/600450-2.jpg?v=1665716995\" alt=\"\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0518\/1898\/7676\/files\/600450-3.jpg?v=1665716995\" alt=\"\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0518\/1898\/7676\/files\/600450-4.jpg?v=1665716995\" alt=\"\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"arrow-l\"\u003e\n      \u003ci\u003e\u003c\/i\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"arrow-r\"\u003e\n      \u003ci\u003e\u003c\/i\u003e\n    \u003c\/div\u003e\n\u003cdiv class=\"bg-swiper-point flex\"\u003e\n\u003c!-- 以下为指示点,多少张图就有多少个指示点 --\u003e\n      \u003cspan class=\"on\"\u003e\u003c\/span\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cscript\u003e\n    (function () {\n      let bgSwiperList = [\n\n      ]\n      \/\/ 再次填写当前sku\n      let $this = $('[data-bgSwiperSKU=\"EC6612\"]')\n      let bgSwiperImg = $this.find(\"img\")\n      let bgSwiperCount = $this.find(\".pc img\").length - 1\n      let bgSwiperIndex = 0\n      let bgSwiperPoint = $this.find(\".bg-swiper-point span\")\n      let bgSwiperTitle = $this.find(\".bg-swiper-title\")\n      let bgSwiperDis = $this.find(\".bg-swiper-dis\")\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        bgSwiperImg.css(\"transform\", `translateX(-${i * 100}%)`)\n        bgSwiperTitle.html(bgSwiperList[i].title)\n        bgSwiperDis.html(bgSwiperList[i].describe)\n        bgSwiperPoint.removeClass(\"on\")\n        bgSwiperPoint.eq(i).addClass(\"on\")\n      }\n      $this.on(\"click\", \".arrow-l,.arrow-r\", function () {\n        $(this).hasClass(\"arrow-l\") ? bgSwiperIndex-- : bgSwiperIndex++;\n        bgSwiperPlayer(bgSwiperIndex)\n      })\n      let bgSwiperTimer = setInterval(() =\u003e {\n        bgSwiperIndex++\n        bgSwiperPlayer(bgSwiperIndex)\n       \/\/ 以下数字设置轮播图切换时间,5000代表5秒\n      }, 5000)\n    })()\n  \u003c\/script\u003e\n\u003cdiv class=\"imgandtext4 flex\"\u003e\n    \u003cdiv class=\"imgandtext4-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0559\/6436\/9011\/files\/300225-5.jpg?v=1666079959\" alt=\"\"\u003e\n      \u003cdiv class=\"imgandtext4-title\"\u003e\u003cstrong\u003eStep 1: \u003c\/strong\u003e\u003c\/div\u003e\n      \u003cdiv class=\"imgandtext4-dis\"\u003eFold the two sides of the duffle \u0026lt;\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"imgandtext4-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0559\/6436\/9011\/files\/300225-6.jpg?v=1666079959\" alt=\"\"\u003e\n      \u003cdiv class=\"imgandtext4-title\"\u003e\u003cstrong\u003eStep 2: \u003c\/strong\u003e\u003c\/div\u003e\n      \u003cdiv class=\"imgandtext4-dis\"\u003eFold in half from the middle\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"imgandtext4-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0559\/6436\/9011\/files\/300225-7.jpg?v=1666079959\" alt=\"\"\u003e\n      \u003cdiv class=\"imgandtext4-title\"\u003e\n\u003cstrong\u003eStep 3: \u003c\/strong\u003e \u003c\/div\u003e\n      \u003cdiv class=\"imgandtext4-dis\"\u003ePut the duffle in the storage bag\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"imgandtext4-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0559\/6436\/9011\/files\/300225-8.jpg?v=1666079959\" alt=\"\"\u003e\n      \u003cdiv class=\"imgandtext4-title\"\u003e\u003cstrong\u003eStep 4: \u003c\/strong\u003e\u003c\/div\u003e\n      \u003cdiv class=\"imgandtext4-dis\"\u003ePull the drawstring thghtly\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n","brand":"Donnermusic - eu","offers":[{"title":"Default Title","offer_id":45031737000130,"sku":"EC6612","price":129.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0658\/6200\/9026\/files\/2_ac8cb3e5-b5a0-4a9b-aa3f-9722c6668ac2.jpg?v=1756289075","url":"https:\/\/eu.donnermusic.com\/mt\/products\/donner-solid-wood-piano-bench-with-storage-high-density-suede-cushion-chair-white","provider":"Donner Music - EU","version":"1.0","type":"link"}