You have %itemCount% in your cart. Total being %total%
<a class="button button--primary button--filled button--primary__filled " href="/blogs/articles/someone-to-you">Read more</a> </div> </div> <div class="col-12 blog__listing--horizontal"> <a href="/blogs/articles/you-say" class="blog__listing--ratio"> <img height="1672" width="2973" loading="lazy" src="//cdn.shopify.com/s/files/1/2722/7348/articles/FullSizeRender_10x.jpg?v=1600805467" data-srcset="//cdn.shopify.com/s/files/1/2722/7348/articles/FullSizeRender_375x.jpg?v=1600805467 375w,//cdn.shopify.com/s/files/1/2722/7348/articles/FullSizeRender_410x.jpg?v=1600805467 410w,//cdn.shopify.com/s/files/1/2722/7348/articles/FullSizeRender_520x.jpg?v=1600805467 520w,//cdn.shopify.com/s/files/1/2722/7348/articles/FullSizeRender_576x.jpg?v=1600805467 576w,//cdn.shopify.com/s/files/1/2722/7348/articles/FullSizeRender_768x.jpg?v=1600805467 768w,//cdn.shopify.com/s/files/1/2722/7348/articles/FullSizeRender_992x.jpg?v=1600805467 992w,//cdn.shopify.com/s/files/1/2722/7348/articles/FullSizeRender_1024x.jpg?v=1600805467 1024w,//cdn.shopify.com/s/files/1/2722/7348/articles/FullSizeRender_1280x.jpg?v=1600805467 1280w" data-sizes="(max-width: 787px) 100vw, 50vw" alt="You Say / Sonata Pathetique" class="lazyload blog__listing--image"> </a> <div class="blog__listing--info"> <div class="blog__listing--tags"> </div> <a href="/blogs/articles/you-say" class="blog__listing--title"> You Say / Sonata Pathetique </a> <p class="blog__listing--excerpt"> Pathetic.... </p> <a class="button button--primary button--filled button--primary__filled " href="/blogs/articles/you-say">Read more</a> </div> </div> <div class="col-12 blog__listing--horizontal"> <a href="/blogs/articles/every-song-has-a-story" class="blog__listing--ratio"> <img height="764" width="1280" loading="lazy" src="//cdn.shopify.com/s/files/1/2722/7348/articles/puppeteer3_10x.jpeg?v=1590118767" data-srcset="//cdn.shopify.com/s/files/1/2722/7348/articles/puppeteer3_375x.jpeg?v=1590118767 375w,//cdn.shopify.com/s/files/1/2722/7348/articles/puppeteer3_410x.jpeg?v=1590118767 410w,//cdn.shopify.com/s/files/1/2722/7348/articles/puppeteer3_520x.jpeg?v=1590118767 520w,//cdn.shopify.com/s/files/1/2722/7348/articles/puppeteer3_576x.jpeg?v=1590118767 576w,//cdn.shopify.com/s/files/1/2722/7348/articles/puppeteer3_768x.jpeg?v=1590118767 768w,//cdn.shopify.com/s/files/1/2722/7348/articles/puppeteer3_992x.jpeg?v=1590118767 992w,//cdn.shopify.com/s/files/1/2722/7348/articles/puppeteer3_1024x.jpeg?v=1590118767 1024w,//cdn.shopify.com/s/files/1/2722/7348/articles/puppeteer3_1280x.jpeg?v=1590118767 1280w" data-sizes="(max-width: 787px) 100vw, 50vw" alt="Every Song Has a Story" class="lazyload blog__listing--image"> </a> <div class="blog__listing--info"> <div class="blog__listing--tags"> </div> <a href="/blogs/articles/every-song-has-a-story" class="blog__listing--title"> Every Song Has a Story </a> <p class="blog__listing--excerpt"> Behind every song is a story. Some superficial or spontaneous. Some deep and more meaningful, even life altering. Music plays so many roles in our lives. On the surface it is entertainment, but that grossly underestimates its d... </p> <a class="button button--primary button--filled button--primary__filled " href="/blogs/articles/every-song-has-a-story">Read more</a> </div> </div> <div class="col-12 blog__listing--horizontal"> <a href="/blogs/articles/my-office-is-in-the-middle-of-a-monkey-cage" class="blog__listing--ratio"> <img height="563" width="847" loading="lazy" src="//cdn.shopify.com/s/files/1/2722/7348/articles/Screen_Shot_2020-04-02_at_4.05.34_PM_47f17b47-a2dc-485c-94ad-69cc6ec79e1c_10x.jpeg?v=1585869085" data-srcset="//cdn.shopify.com/s/files/1/2722/7348/articles/Screen_Shot_2020-04-02_at_4.05.34_PM_47f17b47-a2dc-485c-94ad-69cc6ec79e1c_375x.jpeg?v=1585869085 375w,//cdn.shopify.com/s/files/1/2722/7348/articles/Screen_Shot_2020-04-02_at_4.05.34_PM_47f17b47-a2dc-485c-94ad-69cc6ec79e1c_410x.jpeg?v=1585869085 410w,//cdn.shopify.com/s/files/1/2722/7348/articles/Screen_Shot_2020-04-02_at_4.05.34_PM_47f17b47-a2dc-485c-94ad-69cc6ec79e1c_520x.jpeg?v=1585869085 520w,//cdn.shopify.com/s/files/1/2722/7348/articles/Screen_Shot_2020-04-02_at_4.05.34_PM_47f17b47-a2dc-485c-94ad-69cc6ec79e1c_576x.jpeg?v=1585869085 576w,//cdn.shopify.com/s/files/1/2722/7348/articles/Screen_Shot_2020-04-02_at_4.05.34_PM_47f17b47-a2dc-485c-94ad-69cc6ec79e1c_768x.jpeg?v=1585869085 768w,//cdn.shopify.com/s/files/1/2722/7348/articles/Screen_Shot_2020-04-02_at_4.05.34_PM_47f17b47-a2dc-485c-94ad-69cc6ec79e1c_992x.jpeg?v=1585869085 992w,//cdn.shopify.com/s/files/1/2722/7348/articles/Screen_Shot_2020-04-02_at_4.05.34_PM_47f17b47-a2dc-485c-94ad-69cc6ec79e1c_1024x.jpeg?v=1585869085 1024w,//cdn.shopify.com/s/files/1/2722/7348/articles/Screen_Shot_2020-04-02_at_4.05.34_PM_47f17b47-a2dc-485c-94ad-69cc6ec79e1c_1280x.jpeg?v=1585869085 1280w" data-sizes="(max-width: 787px) 100vw, 50vw" alt="My Office is in the Middle of a Monkey Cage!" class="lazyload blog__listing--image"> </a> <div class="blog__listing--info"> <div class="blog__listing--tags"> </div> <a href="/blogs/articles/my-office-is-in-the-middle-of-a-monkey-cage" class="blog__listing--title"> My Office is in the Middle of a Monkey Cage! </a> <p class="blog__listing--excerpt"> When Work, Home and School Collide. When I was a kid, my mother had a gorgeous set of fine china. At... </p> <a class="button button--primary button--filled button--primary__filled " href="/blogs/articles/my-office-is-in-the-middle-of-a-monkey-cage">Read more</a> </div> </div> <div class="col-12 blog__listing--horizontal"> <a href="/blogs/articles/what-does-darth-maul-have-to-do-with-coronavirus" class="blog__listing--ratio"> <img height="2250" width="3000" loading="lazy" src="//cdn.shopify.com/s/files/1/2722/7348/articles/IMG_2262_copy_10x.jpeg?v=1584568285" data-srcset="//cdn.shopify.com/s/files/1/2722/7348/articles/IMG_2262_copy_375x.jpeg?v=1584568285 375w,//cdn.shopify.com/s/files/1/2722/7348/articles/IMG_2262_copy_410x.jpeg?v=1584568285 410w,//cdn.shopify.com/s/files/1/2722/7348/articles/IMG_2262_copy_520x.jpeg?v=1584568285 520w,//cdn.shopify.com/s/files/1/2722/7348/articles/IMG_2262_copy_576x.jpeg?v=1584568285 576w,//cdn.shopify.com/s/files/1/2722/7348/articles/IMG_2262_copy_768x.jpeg?v=1584568285 768w,//cdn.shopify.com/s/files/1/2722/7348/articles/IMG_2262_copy_992x.jpeg?v=1584568285 992w,//cdn.shopify.com/s/files/1/2722/7348/articles/IMG_2262_copy_1024x.jpeg?v=1584568285 1024w,//cdn.shopify.com/s/files/1/2722/7348/articles/IMG_2262_copy_1280x.jpeg?v=1584568285 1280w" data-sizes="(max-width: 787px) 100vw, 50vw" alt="Darth Maul, Coronavirus and the Power of Music" class="lazyload blog__listing--image"> </a> <div class="blog__listing--info"> <div class="blog__listing--tags"> </div> <a href="/blogs/articles/what-does-darth-maul-have-to-do-with-coronavirus" class="blog__listing--title"> Darth Maul, Coronavirus and the Power of Music </a> <p class="blog__listing--excerpt"> Music is powerful. Maybe you’ve heard that before. But do you believe it? Perhaps you’ve had a m... </p> <a class="button button--primary button--filled button--primary__filled " href="/blogs/articles/what-does-darth-maul-have-to-do-with-coronavirus">Read more</a> </div> </div> <div class="col-12 blog__listing--horizontal"> <a href="/blogs/articles/new-music-video-let-it-snow-winter-wonderful" class="blog__listing--ratio"> <img height="720" width="1280" loading="lazy" src="//cdn.shopify.com/s/files/1/2722/7348/articles/7N_NPUDUiQchd_10x.jpg?v=1576035693" data-srcset="//cdn.shopify.com/s/files/1/2722/7348/articles/7N_NPUDUiQchd_375x.jpg?v=1576035693 375w,//cdn.shopify.com/s/files/1/2722/7348/articles/7N_NPUDUiQchd_410x.jpg?v=1576035693 410w,//cdn.shopify.com/s/files/1/2722/7348/articles/7N_NPUDUiQchd_520x.jpg?v=1576035693 520w,//cdn.shopify.com/s/files/1/2722/7348/articles/7N_NPUDUiQchd_576x.jpg?v=1576035693 576w,//cdn.shopify.com/s/files/1/2722/7348/articles/7N_NPUDUiQchd_768x.jpg?v=1576035693 768w,//cdn.shopify.com/s/files/1/2722/7348/articles/7N_NPUDUiQchd_992x.jpg?v=1576035693 992w,//cdn.shopify.com/s/files/1/2722/7348/articles/7N_NPUDUiQchd_1024x.jpg?v=1576035693 1024w,//cdn.shopify.com/s/files/1/2722/7348/articles/7N_NPUDUiQchd_1280x.jpg?v=1576035693 1280w" data-sizes="(max-width: 787px) 100vw, 50vw" alt="NEW Music Video: Let It Snow/Winter Wonderland" class="lazyload blog__listing--image"> </a> <div class="blog__listing--info"> <div class="blog__listing--tags"> </div> <a href="/blogs/articles/new-music-video-let-it-snow-winter-wonderful" class="blog__listing--title"> NEW Music Video: Let It Snow/Winter Wonderland </a> <p class="blog__listing--excerpt"> What better way to spread “Christmas cheer” (said ... </p> <a class="button button--primary button--filled button--primary__filled " href="/blogs/articles/new-music-video-let-it-snow-winter-wonderful">Read more</a> </div> </div> <div class="col-12 blog__listing--horizontal"> <a href="/blogs/articles/9-year-old-superpower" class="blog__listing--ratio"> <img height="333" width="500" loading="lazy" src="//cdn.shopify.com/s/files/1/2722/7348/articles/E_22-_MG_6525-Edit_10x.jpg?v=1573092869" data-srcset="//cdn.shopify.com/s/files/1/2722/7348/articles/E_22-_MG_6525-Edit_375x.jpg?v=1573092869 375w,//cdn.shopify.com/s/files/1/2722/7348/articles/E_22-_MG_6525-Edit_410x.jpg?v=1573092869 410w,//cdn.shopify.com/s/files/1/2722/7348/articles/E_22-_MG_6525-Edit_520x.jpg?v=1573092869 520w,//cdn.shopify.com/s/files/1/2722/7348/articles/E_22-_MG_6525-Edit_576x.jpg?v=1573092869 576w,//cdn.shopify.com/s/files/1/2722/7348/articles/E_22-_MG_6525-Edit_768x.jpg?v=1573092869 768w,//cdn.shopify.com/s/files/1/2722/7348/articles/E_22-_MG_6525-Edit_992x.jpg?v=1573092869 992w,//cdn.shopify.com/s/files/1/2722/7348/articles/E_22-_MG_6525-Edit_1024x.jpg?v=1573092869 1024w,//cdn.shopify.com/s/files/1/2722/7348/articles/E_22-_MG_6525-Edit_1280x.jpg?v=1573092869 1280w" data-sizes="(max-width: 787px) 100vw, 50vw" alt="This 9-Year-Old is Going to Change the World with His "Superpower"" class="lazyload blog__listing--image"> </a> <div class="blog__listing--info"> <div class="blog__listing--tags"> </div> <a href="/blogs/articles/9-year-old-superpower" class="blog__listing--title"> This 9-Year-Old is Going to Change the World with His "Superpower" </a> <p class="blog__listing--excerpt"> <div class="ui-typ... </p> <a class="button button--primary button--filled button--primary__filled " href="/blogs/articles/9-year-old-superpower">Read more</a> </div> </div> <div class="col-12 center middle pagination"> <a href="/blogs/articles?page=2" class="pagination__page">Next <i class="uil uil-angle-right"></i></a> <span class="pagination__page--current pagination__page">1 of 3</span> </div> </div> </div> <div class="wrapper--bottom"> <div id="shopify-section-info-badges" class="shopify-section"> <style> #s--info-badges { min-height: 0px; background-color: rgba(0,0,0,0); background-size: cover; ; } #s--info-badges .s__content { padding: 0px; padding-bottom: 0px; } #s--info-badges .s__block { margin-bottom: 12px; display: block; } #shopify-section-info-badges{ margin-bottom: 0px !important; } ; </style> <div id="s--info-badges" class="lazyload row middle s__holder info-badges layout__stretchBg bg__middle"> <div class="row end middle layout__content s__content"> </div> </div> </div> <div id="shopify-section-footer" class="shopify-section"> <style> .footer { background-color: #f8f8f8; color: #373737; font-size: 15px; padding: 32px 0px; } .footer__block { padding: 16px 16px; } </style> <div class="inherit footer layout__stretchBg"> <div class="layout__content row"> <div class="col-12 col-md col-md-4 footer__block center middle"> <img src="//cdn.shopify.com/s/files/1/2722/7348/files/logo_10x10.png?v=1572890072" loading="lazy" height="203" width="433" class="lazyload" data-src="//cdn.shopify.com/s/files/1/2722/7348/files/logo_400x.png?v=1572890072" style="width: 50%;"> </div> <div class="col-12 col-md col-md-4 footer__block center middle"> <div class="footer__links center"> <a href="/pages/collections02">Shop</a> <a href="https://thepianoguys.com/pages/blog2">Blog</a> <a href="/pages/refund-return-policy">Return & Refund Policy</a> <a href="/pages/privacy-policy">Privacy Policy</a> <a href="/pages/contact-tpg">Contact Us</a> </div> </div> <div class="col-12 col-md col-md-4 footer__block center middle"> <div><a class="icon-link" href="https://www.facebook.com/ThePianoGuys"><i class="uil uil-facebook-f"></i></a><a class="icon-link" href="https://www.instagram.com/ThePianoGuys"><i class="uil uil-instagram"></i></a><a class="icon-link" href="https://www.youtube.com/c/thepianoguys"><i class="uil uil-youtube"></i></a></div> </div> </div> </div> </div> <div id="shopify-section-subfooter" class="shopify-section"> <style> .subfooter { background-color: #000000; color: #ffffff; font-size: 15px; padding: 16px 0px; } .subfooter__block { padding: 0px 0px; } </style> <div class="subfooter inherit layout__stretchBg"> <div class="layout__content row"> <div class="col-12 col-md col-md-auto subfooter__block center middle"> <div><div class="footer__text"><p>© Copyright The Piano Guys | Designed & Maintained by <a href="https://www.venturecreativestudios.com" target="_blank" title="https://www.venturecreativestudios.com">Venture Creative</a></p></div> </div> </div> </div> </div> </div> </div> </main> </div> <div id="bstr--notice" class="gdpr__holder"> <div class="gdpr__notice"> <div class="gdpr__text"> <p>This site requires cookies in order to provide all of its functionality.</p> </div> <div class="gdpr__buttons"> <button data-gdpr-accept onclick="" class="button button--primary button--filled button--primary__filled " href="">Accept</button> </div> </div> </div> <script> const bstri18n = { locales: { } , currencies: [ ] , currency_mode: "none", currency_format: "${{amount}} USD" } const emptySearch = ` <div class="col-12 col-md-1-5"> <div class="card--default "> <a class="card__img--container" href="/products/the-piano-guys-chill"> <div class="card__img--ratio"> <div class="card__img"> <img loading="lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' style='fill:%23eeeeee;'/%3E%3C/svg%3E" data-srcset="//cdn.shopify.com/s/files/1/2722/7348/products/Chill_Product_375x.png?v=1633361074 375w,//cdn.shopify.com/s/files/1/2722/7348/products/Chill_Product_410x.png?v=1633361074 410w,//cdn.shopify.com/s/files/1/2722/7348/products/Chill_Product_520x.png?v=1633361074 520w,//cdn.shopify.com/s/files/1/2722/7348/products/Chill_Product_576x.png?v=1633361074 576w,//cdn.shopify.com/s/files/1/2722/7348/products/Chill_Product_768x.png?v=1633361074 768w,//cdn.shopify.com/s/files/1/2722/7348/products/Chill_Product_992x.png?v=1633361074 992w,//cdn.shopify.com/s/files/1/2722/7348/products/Chill_Product_1024x.png?v=1633361074 1024w,//cdn.shopify.com/s/files/1/2722/7348/products/Chill_Product_1280x.png?v=1633361074 1280w" data-sizes="(max-width: 767px) 50vw, 20vw" alt="The Piano Guys "CHILL"" height="1921" width="1920" class="lazyload "> </div> </div> </a> <div class="card__info"> <a class="card__title" href="/products/the-piano-guys-chill"> The Piano Guys "CHILL" </a> <span class="card__price card__price--sale"> from <span class="jsPrice">$13.95</span> <span class="card__price--old jsPrice"> $14.95 </span> </span> </div> </div> </div> <div class="col-12 col-md-1-5"> <div class="card--default "> <a class="card__img--container" href="/products/copy-of-the-piano-guys-lullaby"> <div class="card__img--ratio"> <div class="card__img"> <img loading="lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' style='fill:%23eeeeee;'/%3E%3C/svg%3E" data-srcset="//cdn.shopify.com/s/files/1/2722/7348/products/Lullaby_Product_375x.png?v=1633362495 375w,//cdn.shopify.com/s/files/1/2722/7348/products/Lullaby_Product_410x.png?v=1633362495 410w,//cdn.shopify.com/s/files/1/2722/7348/products/Lullaby_Product_520x.png?v=1633362495 520w,//cdn.shopify.com/s/files/1/2722/7348/products/Lullaby_Product_576x.png?v=1633362495 576w,//cdn.shopify.com/s/files/1/2722/7348/products/Lullaby_Product_768x.png?v=1633362495 768w,//cdn.shopify.com/s/files/1/2722/7348/products/Lullaby_Product_992x.png?v=1633362495 992w,//cdn.shopify.com/s/files/1/2722/7348/products/Lullaby_Product_1024x.png?v=1633362495 1024w,//cdn.shopify.com/s/files/1/2722/7348/products/Lullaby_Product_1280x.png?v=1633362495 1280w" data-sizes="(max-width: 767px) 50vw, 20vw" alt="The Piano Guys "LULLABY"" height="1921" width="1920" class="lazyload "> </div> </div> </a> <div class="card__info"> <a class="card__title" href="/products/copy-of-the-piano-guys-lullaby"> The Piano Guys "LULLABY" </a> <span class="card__price card__price--sale"> from <span class="jsPrice">$13.95</span> <span class="card__price--old jsPrice"> $14.95 </span> </span> </div> </div> </div> <div class="col-12 col-md-1-5"> <div class="card--default "> <a class="card__img--container" href="/products/piano-guys-family-christmas-cd"> <div class="card__img--ratio"> <div class="card__img"> <img loading="lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' style='fill:%23eeeeee;'/%3E%3C/svg%3E" data-srcset="//cdn.shopify.com/s/files/1/2722/7348/products/AFamilyChristmas_1920x_52f2f97f-6c9b-414a-8850-6d41548dfbba_375x.png?v=1631317268 375w,//cdn.shopify.com/s/files/1/2722/7348/products/AFamilyChristmas_1920x_52f2f97f-6c9b-414a-8850-6d41548dfbba_410x.png?v=1631317268 410w,//cdn.shopify.com/s/files/1/2722/7348/products/AFamilyChristmas_1920x_52f2f97f-6c9b-414a-8850-6d41548dfbba_520x.png?v=1631317268 520w,//cdn.shopify.com/s/files/1/2722/7348/products/AFamilyChristmas_1920x_52f2f97f-6c9b-414a-8850-6d41548dfbba_576x.png?v=1631317268 576w,//cdn.shopify.com/s/files/1/2722/7348/products/AFamilyChristmas_1920x_52f2f97f-6c9b-414a-8850-6d41548dfbba_768x.png?v=1631317268 768w,//cdn.shopify.com/s/files/1/2722/7348/products/AFamilyChristmas_1920x_52f2f97f-6c9b-414a-8850-6d41548dfbba_992x.png?v=1631317268 992w,//cdn.shopify.com/s/files/1/2722/7348/products/AFamilyChristmas_1920x_52f2f97f-6c9b-414a-8850-6d41548dfbba_1024x.png?v=1631317268 1024w,//cdn.shopify.com/s/files/1/2722/7348/products/AFamilyChristmas_1920x_52f2f97f-6c9b-414a-8850-6d41548dfbba_1280x.png?v=1631317268 1280w" data-sizes="(max-width: 767px) 50vw, 20vw" alt="The Piano Guys "A Family Christmas"" height="1920" width="1920" class="lazyload "> </div> </div> </a> <div class="card__info"> <a class="card__title" href="/products/piano-guys-family-christmas-cd"> The Piano Guys "A Family Christmas" </a> <span class="card__price card__price--sale"> from <span class="jsPrice">$11.16</span> <span class="card__price--old jsPrice"> $13.95 </span> </span> </div> </div> </div> <div class="col-12 col-md-1-5"> <div class="card--default "> <a class="card__img--container" href="/products/piano-guys-christmas-together-cd"> <div class="card__img--ratio"> <div class="card__img"> <img loading="lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' style='fill:%23eeeeee;'/%3E%3C/svg%3E" data-srcset="//cdn.shopify.com/s/files/1/2722/7348/products/Christmas_Together_1920x_cafadfa8-a515-4351-a688-318fcd9f23a7_375x.png?v=1631317015 375w,//cdn.shopify.com/s/files/1/2722/7348/products/Christmas_Together_1920x_cafadfa8-a515-4351-a688-318fcd9f23a7_410x.png?v=1631317015 410w,//cdn.shopify.com/s/files/1/2722/7348/products/Christmas_Together_1920x_cafadfa8-a515-4351-a688-318fcd9f23a7_520x.png?v=1631317015 520w,//cdn.shopify.com/s/files/1/2722/7348/products/Christmas_Together_1920x_cafadfa8-a515-4351-a688-318fcd9f23a7_576x.png?v=1631317015 576w,//cdn.shopify.com/s/files/1/2722/7348/products/Christmas_Together_1920x_cafadfa8-a515-4351-a688-318fcd9f23a7_768x.png?v=1631317015 768w,//cdn.shopify.com/s/files/1/2722/7348/products/Christmas_Together_1920x_cafadfa8-a515-4351-a688-318fcd9f23a7_992x.png?v=1631317015 992w,//cdn.shopify.com/s/files/1/2722/7348/products/Christmas_Together_1920x_cafadfa8-a515-4351-a688-318fcd9f23a7_1024x.png?v=1631317015 1024w,//cdn.shopify.com/s/files/1/2722/7348/products/Christmas_Together_1920x_cafadfa8-a515-4351-a688-318fcd9f23a7_1280x.png?v=1631317015 1280w" data-sizes="(max-width: 767px) 50vw, 20vw" alt="The Piano Guys "Christmas Together"" height="1920" width="1920" class="lazyload "> </div> </div> </a> <div class="card__info"> <a class="card__title" href="/products/piano-guys-christmas-together-cd"> The Piano Guys "Christmas Together" </a> <span class="card__price card__price--sale"> from <span class="jsPrice">$11.16</span> <span class="card__price--old jsPrice"> $13.95 </span> </span> </div> </div> </div> <div class="col-12 col-md-1-5"> <div class="card--default "> <a class="card__img--container" href="/products/the-piano-guys-10"> <div class="card__img--ratio"> <div class="card__img"> <img loading="lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' style='fill:%23eeeeee;'/%3E%3C/svg%3E" data-srcset="//cdn.shopify.com/s/files/1/2722/7348/products/10AlbumFinal_RGB_1920x_825c8eb9-a6a0-46b2-b37c-1c24f40f75e0_375x.png?v=1631318240 375w,//cdn.shopify.com/s/files/1/2722/7348/products/10AlbumFinal_RGB_1920x_825c8eb9-a6a0-46b2-b37c-1c24f40f75e0_410x.png?v=1631318240 410w,//cdn.shopify.com/s/files/1/2722/7348/products/10AlbumFinal_RGB_1920x_825c8eb9-a6a0-46b2-b37c-1c24f40f75e0_520x.png?v=1631318240 520w,//cdn.shopify.com/s/files/1/2722/7348/products/10AlbumFinal_RGB_1920x_825c8eb9-a6a0-46b2-b37c-1c24f40f75e0_576x.png?v=1631318240 576w,//cdn.shopify.com/s/files/1/2722/7348/products/10AlbumFinal_RGB_1920x_825c8eb9-a6a0-46b2-b37c-1c24f40f75e0_768x.png?v=1631318240 768w,//cdn.shopify.com/s/files/1/2722/7348/products/10AlbumFinal_RGB_1920x_825c8eb9-a6a0-46b2-b37c-1c24f40f75e0_992x.png?v=1631318240 992w,//cdn.shopify.com/s/files/1/2722/7348/products/10AlbumFinal_RGB_1920x_825c8eb9-a6a0-46b2-b37c-1c24f40f75e0_1024x.png?v=1631318240 1024w,//cdn.shopify.com/s/files/1/2722/7348/products/10AlbumFinal_RGB_1920x_825c8eb9-a6a0-46b2-b37c-1c24f40f75e0_1280x.png?v=1631318240 1280w" data-sizes="(max-width: 767px) 50vw, 20vw" alt="The Piano Guys "10"" height="1920" width="1920" class="lazyload "> </div> </div> </a> <div class="card__info"> <a class="card__title" href="/products/the-piano-guys-10"> The Piano Guys "10" </a> <span class="card__price "> from <span class="jsPrice">$16.98</span> </span> </div> </div> </div> `; const _shopInfo = {shop: Shopify.shop, contact: 'support@thepianoguys.com', role: Shopify.theme.role, version: '6.0.3'}; const _settings = {"demo":false,"textLogo":"","defaultLogo":"\/\/cdn.shopify.com\/s\/files\/1\/2722\/7348\/files\/white-logo.jpg?v=1597790905","mobileLogo":"\/\/cdn.shopify.com\/s\/files\/1\/2722\/7348\/files\/white-logo.jpg?v=1597790905","favicon":"\/\/cdn.shopify.com\/s\/files\/1\/2722\/7348\/files\/favicon_87e2303c-9826-4b6a-966f-fdeb959ee6a7.png?v=1631142075","storeLocation":"","storeEmail":"","storePhone":"","sFacebook":"https:\/\/www.facebook.com\/ThePianoGuys","sInstagram":"https:\/\/www.instagram.com\/ThePianoGuys","sTwitter":"","sWhatsapp":"","sWe":"","sYoutube":"https:\/\/www.youtube.com\/c\/thepianoguys","sSnapchat":"","sViber":"","sPinterest":"","sVK":"","sDA":"","sTikTok":"","sTwitch":"","sLinkedin":"","baseLayout":"stretchBg","baseMaxWidth":"1280","baseBorderRadius":0,"baseBorderRadiusSmall":5,"baseBorderWidth":2,"baseSectionMargin":52,"pagination":"loadmore","breadcrumbs":true,"emptySearch":"albums","baseBackground":"#FFFFFF","baseText":"#191d21","baseTitle":"#202626","baseSecondaryBackground":"#EFEFEF","baseSecondaryText":"#686363","baseLink":"#2B2F3D","primaryAccentBackground":"#000000","primaryAccentText":"#FFFFFF","secondaryAccentBackground":"#ffffff","secondaryAccentText":"#000000","baseAlert":"#EF0000","primaryFont":{"error":"json not allowed for this object"},"secondaryFont":{"error":"json not allowed for this object"},"smallFontSize":14,"baseFontSize":16,"mediumFontSize":34,"bigFontSize":48,"headingFontSize":0,"subHeadingFontSize":18,"buttonFontSize":"baseFontSize","buttonPaddingHorizontal":25,"buttonPaddingVertical":18,"primaryButtonStyle":"filled","primaryButtonColorCombo":"primaryCombo","primaryButtonCustomFill":"#000","primaryButtonCustomContent":"#FFF","primaryButtonHover":"lighten","primaryButtonCustomHoverFill":"#FFF","primaryButtonCustomHoverContent":"#000","primaryButtonCustomBorder":true,"primaryButtonBorderRadius":0,"primaryButtonBorderWidth":0,"secondaryButtonStyle":"filled","secondaryButtonColorCombo":"secondaryCombo","secondaryButtonCustomFill":"rgba(0,0,0,0)","secondaryButtonCustomContent":"rgb(0,0,0)","secondaryButtonHover":"darken","secondaryButtonCustomHoverFill":"rgba(0,0,0,0)","secondaryButtonCustomHoverContent":"rgb(0,0,0)","secondaryButtonCustomBorder":true,"secondaryButtonBorderRadius":0,"secondaryButtonBorderWidth":0,"inputFill":"#EFEFEF","inputContent":"#000000","inputBorderColor":"#e2e2e2","inputCustomBorder":true,"inputBorderRadius":0,"inputBorderWidth":0,"freeShipping":false,"freeShippingText":"Free","addToCartColor":"primary","addToCartType":"default","addToCartIcon":"none","addToCartFontSize":"default","addToCartTransform":"initial","buyNowColor":"primary","buyNowType":"default","buyNowFontSize":"default","buyNowTransform":"initial","headerType":"default","cardDesktop":"3","cardMobile":"6","baseCardPadding":12,"cardImageFit":"cover","cardImageRatio":"133.33","cardImageRatioWidth":"16","cardImageRatioHeight":"9","cardStyle":"noButton","cardFWButton":false,"cardShowGallery":false,"cardShowSecondary":false,"cardTextAlign":"left","cardShowBrand":false,"cardShowRating":false,"cardBrandColor":"rgba(0,0,0,0)","cardBrandWeight":"400","cardNameColor":"rgba(0,0,0,0)","cardNameWeight":"400","cardNameLimit":"none","cardNameLimitAmount":10,"cardPriceColor":"rgba(0,0,0,0)","cardPriceWeight":"600","cardOldPriceColor":"rgba(0,0,0,0)","cardOldPriceWeight":"600","cardNewPriceColor":"rgba(0,0,0,0)","cardNewPriceWeight":"600","tagEnabled":true,"tagPosition":"top-left","tagOffset":5,"tagSale":true,"tagSaleColor":"#EF0000","tagSoldOut":true,"tagSoldOutColor":"#000","collectionCardStyle":"default","collectionCardTextColor":"rgb(0,0,0)","collectionCardTextAlign":"left","collectionCardTextAlignVertical":"bottom","collectionCardTextSize":"base","collectionCardCustomSize":28,"collectionCardTextFont":"title","collectionCardTextBackground":"rgba(0,0,0,0)","collectionCardOverlayOpacity":0,"collectionCardOverlayColor":"rgba(0,0,0,0)","blogCardStyle":"blur","blogCardAuthor":true,"blogCardExcerpt":true,"variantShowImage":false,"defaultSelector":"swatch","altSelectorList":"","swatchLogic":"aliexpress","disableSOSwatch":false,"disabledSwatchStyle":"opacity","preselectSwatch":"variant","colorSwatches":"color,colour","swatchCustomColors":"red: #EF0000, blue: #00e ","imageSwatches":"material","swatchFileExt":"jpg","cartStyle":"drawer","quickBuy":false,"ajaxType":"form","dynamicCheckout":true,"cartAction":"cart","mcAction":"","mcU":"","mcID":"","lazyLoadSvg":true,"nativeLazyLoad":false,"geolocation":false,"multilanguage":false,"shopCurrency":"none","enabledCurrencies":"USD, HRK, GBP","currencyFormat":"money_format","copycat":false,"copycatText":false,"OPDynTitle":"","BPDynTitle":"","dynTitleIntr":1,"cartTimer":false,"cartTimerDuration":15,"countdown":false,"countdownCard":false,"countdownTime":"24","countdownTimeFormat":"days","countdownRandom":15,"recentlyBought":false,"recentlyBoughtMobile":false,"recentlyBoughtInterval":5,"recentlyBoughtRemain":10,"recentlyBoughtPosition":"left","recentlyBoughtBackground":"#FFFFFF","recentlyBoughtColor":"#000","recentlyBoughtBorderRadius":0,"recentlyBoughtImage":"full","recentlyBoughtNames":true,"recentlyBoughtNameFormat":"shorten","recentlyBoughtNamesList":"Alissa Ashford, Carroll Calley, Augustina Angulo, Kenna Kuntz, Hailey Hinkle, Breann Beckham, Raquel Roles, Bernetta Beeks, Sol Silverio, Somer Sherrell, Yadira Yann, Belva Bumpus, Arlen Atherton, Huey Hanway, Suzette Stayton, Jeffry Jason, Libby Levasseur, Shaun Sparkman, Alison Almon, Rocco Rexroat","reviewApp":"none","freeShippingAmount":"99.95","messenger":false,"optimizedMessenger":true,"messengerID":"Your page ID here","messengerLang":"en_US","messengerColor":"#0084ff","messengerGreeting":"What can we help you with?","gdpr":true,"gdprText":"\u003cp\u003eThis site requires cookies in order to provide all of its functionality.\u003c\/p\u003e","gdprAccept":"Accept","floatingContact":false,"floatingContactMobile":false,"floatingContactType":"page","floatingContactPosition":"right","floatingContactSize":50,"floatingContactColor":"#000","floatingContactIconColor":"#FFF","headHTML":"","bodyHTML":"","bodyCSS":"","jQuery":false,"headJS":"","bodyJS":"","checkout_logo_position":"left","checkout_logo_size":"medium","checkout_body_background_color":"#fff","checkout_input_background_color_mode":"white","checkout_sidebar_background_color":"#fafafa","checkout_heading_font":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'","checkout_body_font":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'","checkout_accent_color":"#1878b9","checkout_button_color":"#1878b9","checkout_error_color":"#e22120","customer_layout":"customer_area"}; const _bstrLocale = { buttons: { sold_out: `Sold out`, select: `Make a selection`, adding: `Adding to cart...`, back_to_shop: `Back to shop` }, tags: { off: `OFF`, sale: `sale` }, recentlyBought: { purchased: `%name% purchased:`, ago: `%time% minutes ago.`, someone: `Someone` } } </script> <script> class BstrStore{constructor(){}get(n,r=!1,a=!0){let t=localStorage.getItem(n);if(!t)return r;if(!a)return t;try{let e=JSON.parse(t);if(typeof e.data==null||typeof e.exp==null||e.storeRef!="bstr")return e;let o=new Date().getTime();return e.exp&&e.exp<o?(localStorage.removeItem(n),r):e.data}catch(e){return r}}set(n,r,a=!1){let t=!1;a&&!isNaN(a)&&(t=new Date().getTime()+a*6e4);let e={data:r,storeRef:"bstr",exp:t};return localStorage.setItem(n,JSON.stringify(e)),!0}}; const bstore = new BstrStore() const bstr_modules = ['v1/deps', 'v1/evnts', 'v1/notify', 'v1/cart', 'v1/lzy', 'v1/async', 'v1/cfx', 'v1/inups', 'v1/sldr', 'v1/swthm', 'v1/swtch', 'v1/cntr', 'v1/fltrs', 'v1/insta', 'v1/vstr', 'v1/ctdw', 'v1/stock', 'v1/elems']; if(_settings.copycat) bstr_modules.push('v1/cpycat') if(_settings.recentlyBought && typeof recentlyBoughtConfig != 'undefined') bstr_modules.push('v1/recbght') if(_settings.OPDynTitle.trim() != '' || _settings.BPDynTitle.trim() != '') bstr_modules.push('v1/dynt') if(_settings.gdpr) bstr_modules.push('v1/gdpr') if(!'scrollBehavior' in document.documentElement.style) bstr_modules.push('v1/smthpoly'); bstr_modules.push('v1/init'); </script> <template id="productCardTemplate"> <div class="card--default"> <a class="card__img--container" href=""> <div class="card__img--ratio"> <div class="card__img"> <img data-product-image src> <div data-countdown data-ct-key="" class="countdown"> <span class="countdown__holder"><span class="days">00</span><br>DAYS</span> <span class="countdown__holder"><span class="hours">00</span><br>HRS</span> <span class="countdown__holder"><span class="minutes">00</span><br>MIN</span> <span class="countdown__holder"><span class="seconds">00</span><br>SEC</span> </div> </div> </div> </a> <div class="card__info"> <a class="card__title" href=""> </a> <span class="card__price jsPrice"> </span> </div> </div> </template> <script src="/services/javascripts/currencies.js" type="text/javascript"></script> <script src="https://static.boostertheme.co/?files=supportscreen,6.0/theme.6.0" onload="initTheme();"></script> <link href="//cdn.shopify.com/s/files/1/2722/7348/t/17/assets/unicons.css?v=12701856031405096592" rel="stylesheet" type="text/css" media="all" /> <!-- 888888b. 888 88888888888 888 888 "88b 888 888 888 888 .88P 888 888 888 8888888K. .d88b. .d88b. .d8888b 888888 .d88b. 888d888 888 88888b. .d88b. 88888b.d88b. .d88b. 888 "Y88b d88""88b d88""88b 88K 888 d8P Y8b 888P" 888 888 "88b d8P Y8b 888 "888 "88b d8P Y8b 888 888 888 888 888 888 "Y8888b. 888 88888888 888 888 888 888 88888888 888 888 888 88888888 888 d88P Y88..88P Y88..88P X88 Y88b. Y8b. 888 888 888 888 Y8b. 888 888 888 Y8b. 8888888P" "Y88P" "Y88P" 88888P' "Y888 "Y8888 888 888 888 888 "Y8888 888 888 888 "Y8888 --> <!-- Restock Alerts Snippet Start --> <!-- Restock Alerts Snippet End --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id="></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){ dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', ''); </script> <script> if(typeof(Spurit) === 'undefined'){ var Spurit = {}; } if(!Spurit.Preorder2){ Spurit.Preorder2 = {}; } if(!Spurit.Preorder2.snippet){ Spurit.Preorder2.snippet = {}; } if(!Spurit.Preorder2.snippet.products){ Spurit.Preorder2.snippet.products = {}; } Spurit.Preorder2.snippet.shopHash = '9f4ae85b1a6e1c563ecb68274db523b3'; Spurit.Preorder2.snippet.cacheTimestamp = 1634874681; if(typeof(Spurit.globalSnippet) === 'undefined'){ Spurit.globalSnippet = { shop_currency: 'USD', money_format: '${{amount}}', cart: {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[]}, customer_id: '' }; } </script> <style> /* Safely hide ATC button */ body:not(.spo-loaded) [data-shopify="payment-button"], body:not(.spo-loaded).template-product form[action="/cart/add"] [type=submit], body:not(.spo-loaded).template-collection form[action="/cart/add"] [type=submit], body:not(.spo-loaded).template-index form[action="/cart/add"] [type=submit], body:not(.spo-loaded) form[action="/cart/add"] [type=submit] {opacity: 0; pointer-events: none} body:not(.spo-loaded) form[action^="/cart"]:not([action^="/cart/add"]):not(#currency_form) button, body:not(.spo-loaded) form[action^="/cart"]:not([action^="/cart/add"]):not(#currency_form) input[type="submit"], body:not(.spo-loaded) form[action^="/cart"]:not([action^="/cart/add"]):not(#currency_form) input[type="button"], body:not(.spo-loaded) [name="checkout"], body:not(.spo-loaded) [name="goto_pp"], body:not(.spo-loaded) [name="goto_amazon_payments"] {opacity: 0; pointer-events: none} </style> <noscript> <style> /* if no javascript: get back ATC button */ body:not(.spo-loaded) [data-shopify="payment-button"], body:not(.spo-loaded).template-product form[action="/cart/add"] [type=submit], body:not(.spo-loaded).template-collection form[action="/cart/add"] [type=submit], body:not(.spo-loaded).template-index form[action="/cart/add"] [type=submit], body:not(.spo-loaded) form[action="/cart/add"] [type=submit] {opacity: 1; pointer-events: all} body:not(.spo-loaded) form[action^="/cart"]:not([action^="/cart/add"]):not(#currency_form) button, body:not(.spo-loaded) form[action^="/cart"]:not([action^="/cart/add"]):not(#currency_form) input[type="submit"], body:not(.spo-loaded) form[action^="/cart"]:not([action^="/cart/add"]):not(#currency_form) input[type="button"], body:not(.spo-loaded) [name="checkout"], body:not(.spo-loaded) [name="goto_pp"], body:not(.spo-loaded) [name="goto_amazon_payments"] {opacity: 1; pointer-events: all} </style> </noscript> <script> (function() { setTimeout(() => document.querySelector('body').classList.add('spo-loaded'), 5000) })(); </script> <script src="https://amaicdn.com/preorder2/common.js"></script> <script type="text/javascript"> window.Globo = window.Globo || {}; Globo.moneyFormat = "${{amount}}"; Globo.shopOrigin = "the-piano-guys.myshopify.com"; Globo.assetsUrl = '//cdn.shopify.com/s/files/1/2722/7348/t/17/assets/"'; Globo.filesUrl = '//cdn.shopify.com/s/files/1/2722/7348/files/"'; window.GloboPreorderParams = { apiUrl: "https://preorder.globosoftware.net", shop: "the-piano-guys.myshopify.com", domain: "thepianoguys.com", theme: {"name":"Booster-6.0.3","version":"6.0.3"}, timezone_offset: '-07:00', now: '2021-11-29T01:48:17.0000-07:00', locale: "en", rootUrl:'', page: "blog", product: null, collectionId:null, products: [], cart: {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[]}, properties: { preorder: "_is_preorder", discount: "_preorder_discount", partial_payment: "_preorder_partial_payment", }, customer: null, preorderSettings: {} };window.GloboPreorderParams.products = window.GloboPreorderParams.products || []; window.GloboPreorderParams.products = window.GloboPreorderParams.products.concat([]); </script> <script id="globo_preorder_partial_payment_template" type="text/template"> {% assign show = false %} {% if config.fullPayment.enable and config.fullPayment.discountValue > 0 %} {% assign show = true %} {% endif %} {% if config.partialPayment.enable %} {% assign show = true %} {% endif %} {% if show %} <div class="gPreorderPartialPaymentWrapper"> {% if config.fullPayment.discountValue > 0 or config.partialPayment.discountValue > 0 %} <div class="gPreorderPrice"> {{translation.preorderPrice | default: 'PreOrder Price: '}} <span class="gPreorderPriceHtml">{% if config.fullPayment.enable %}{{ full_price | money_without_trailing_zeros }}{% elsif config.partialPayment.enable %}{{ partial_discounted_price | money_without_trailing_zeros }}{% endif %}</span> </div> {% endif %} {% if config.fullPayment.enable or config.partialPayment.enable %} <div class="gPreorderPartialPaymentLabel">{{translation.partialPaymentLabel | default: 'Payment option'}}</div> <div class="gPreorderPartialPayment"> <ul class="gPreorderPartialPaymentChoices"> {% if config.fullPayment.enable %} <li> <label for="fullPayment-{{randomID}}"> <span class="gPreorderPartialPaymentControl"> <span class="gPreorderPartialPaymentRadioButton"> <input checked name="_preorder_partial_payment" id="fullPayment-{{randomID}}" type="radio" class="gPreorderPartialPaymentInput" data-priceHTML="{{full_price | money_without_trailing_zeros | escape}}" data-discount-type="{{config.fullPayment.discountType}}" data-discount-value="{{config.fullPayment.discountValue}}" value="full"> <span class="gPreorderPartialPaymentBackdrop"></span> <span class="gPreorderPartialPaymentIcon"></span> </span> </span> <span class="gPreorderPartialPaymentLabel">{{translation.partialPaymentOptionFull | default: 'Full Payment'}}</span> </label> </li> {% endif %} {% if config.partialPayment.enable %} <li> <label for="partialPayment-{{randomID}}"> <span class="gPreorderPartialPaymentControl"> <span class="gPreorderPartialPaymentRadioButton"> <input {% unless config.fullPayment.enable %}checked{% endunless %} name="_preorder_partial_payment" id="partialPayment-{{randomID}}" type="radio" class="gPreorderPartialPaymentInput" data-priceHTML="{{partial_discounted_price | money_without_trailing_zeros | escape}}" data-discount-type="{{config.partialPayment.discountType}}" data-discount-value="{{config.partialPayment.discountValue}}" value="part"> <span class="gPreorderPartialPaymentBackdrop"></span> <span class="gPreorderPartialPaymentIcon"></span> </span> </span> <span class="gPreorderPartialPaymentLabel">{{translation.partialPaymentOptionPart | default: 'Partial Payment'}} - <span>{{ partial_price | money_without_trailing_zeros }}</span></span> </label> </li> {% endif %} </ul> </div> {% endif %} </div> {% endif %} </script> <script id="globo_preorder_cart_mixed_template" type="text/template"> {% if translation.cartWarningTitle or translation.cartWarningContent %} <div id="Globo-Modal"> <div> <div class="Globo-Modal-Dialog__Container"> <div> <div tabindex="-1" class="Globo-Modal-Dialog"> <div class="Globo-Modal-Dialog__Modal"> <div class="Globo-Modal-Header"> <div class="Globo-Modal-Header__Title"> <h4 class="Globo-DisplayText Globo-DisplayText--sizeSmall">{{translation.cartWarningTitle}}</h4> </div> <button class="Globo-Modal-CloseButton"> <span class="Globo-Icon Globo-Icon--colorInkLighter Globo-Icon--isColored"><svg viewBox="0 0 20 20" class="Globo-Icon__Svg" focusable="false" aria-hidden="true"><path d="M11.414 10l6.293-6.293a.999.999 0 1 0-1.414-1.414L10 8.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L8.586 10l-6.293 6.293a.999.999 0 1 0 1.414 1.414L10 11.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fill-rule="evenodd"></path></svg></span> </button> </div> <div class="Globo-Modal__BodyWrapper"> <div class="Globo-Modal__Body Globo-Scrollable"> <section class="Globo-Modal-Section"> <div class="Globo-TextContainer"> {{translation.cartWarningContent}} {% if translation.cartWarningCheckboxLabel %} <div> <label for="Globo-Modal-Checkbox"> <input type="checkbox" id="Globo-Modal-Checkbox" /> {{translation.cartWarningCheckboxLabel}} </label> </div> {% endif %} </div> </section> </div> </div> </div> </div> </div> </div> </div> <div class="Globo-Backdrop"></div> </div> {% endif %} </script> <script id="globo_preorder_bis_form_template" type="text/template"> {% unless config.customBisForm.display contains 'hidden' %} <div id="Globo-Back-In-Stock"> {% if config.customBisForm.display contains 'button' %} <div class="gBackInStock-Button"> <button class="gBackInStockBtn" type="button">{{translation.bisTextButton}}</button> </div> {% endif %} {% if config.customBisForm.display contains 'form' %} <div class="Globo-form Globo-form-inline"> <div class="Globo-form-subscribe"> {% unless config.hiddenLogoBis %}<div class="Globo-form-header"> <div class="Globo-header-background"> <img src="https://cdn.shopify.com/s/files/1/0286/0892/1660/products/globo-logo-center.png?v=1618467872" > </div> <div class="Globo-header-img-left" style="background-image: url(https://cdn.shopify.com/s/files/1/0286/0892/1660/products/globo-logo-left.png?v=1618468454)"></div> <div class="Globo-header-img-right" style="background-image: url(https://cdn.shopify.com/s/files/1/0286/0892/1660/products/globo-logo-right.png?v=1618468450)"></div> </div>{% endunless %} <div class="Globo-form-body {% if config.hiddenLogoBis %}Form-hidden-logo{% endif %}"> {% if translation.bisTitleForm or translation.bisHeaderContent %}<div class="Globo-body-header"> {% if translation.bisTitleForm %}<h2>{{translation.bisTitleForm}}</h2>{% endif %} {% if translation.bisHeaderContent %}<p>{{translation.bisHeaderContent}}</p>{% endif %} </div>{% endif %} <div class="Globo-body-content"> <div class="Globo-content-product"> <div class="Globo-product-img"><img src="{{variant.img}}" alt="" ></div> <div class="Globo-product-infor"> <p class="Globo-product-title">{{product.title}}{% unless variant.title contains 'Default Title' %} ( <span class="Globo-variant-title">{{variant.title}}</span> ) {% endunless %}</p> <p class="Globo-product-price">{{variant.formatMoney}}</p> </div> </div> <div class="Globo-content-form"> <input type="hidden" name="variant_id" class="gBackInStock-Form-Variant-Id" id="gBackInStock-Form-Variant-Id-{{variant.id}}" value="{{variant.id}}" /> <select name="bis-id" class="gBackInStock-Form-Select {% if check_variant %} gPreorderHidden {% endif %}"> {% for v in product.variants %} <option value="{{v.id}}" {% if v.inventory_quantity <= 0 and v.available == config.checkSelling %} data- selling="stop" {% elsif v.inventory_quantity <= 0 and config.checkSelling contains 'both' %} data- selling="both" {% else %} data- selling="continue" disabled= "disabled" {% endif %} {% if v.id == variant.id %} selected="selected" {% endif %} > {{v.title}} </option> {% endfor %} </select> <input type="email" name="gBackInStock-Form-Content-Input" id="gBackInStock-Form-Content-Input" class="gBackInStock-Form-Content-Input" placeholder="{{translation.bisPlaceHolderEmail}}" {% if variant.inventory_quantity <= 0 and variant.available == config.checkSelling %} data- selling="stop" {% elsif variant.inventory_quantity <= 0 and config.checkSelling contains 'both' %} data-selling="both" {% else %} data- selling="continue" disabled= "disabled" {% endif %} /> <button type="button" class="gSubscribeBtn {% if variant.inventory_quantity <= 0 and variant.available == config.checkSelling %} gEnableSubscribe gStopSellingProduct {% elsif variant.inventory_quantity <=0 and config.checkSelling contains 'both' %} gEnableSubscribe gBothSellingProduct {% else %} gDisableSubscribe {% endif %}" onclick="this.classList.toggle('button--loading')" > <span class="gSubscribeBtn-Text">{{translation.bisSubscribeTextButton}}</span> </button> </div> </div> <div class="Globo-body-footer"> {% if translation.bisFooterContent %}<p class="Globo-footer-message">{{translation.bisFooterContent}}</p>{% endif %} <div class="gBackInStock-Form-Message gBackInStock-Message-Hidden"> <p class="gBackInStock-Message"></p> <p class="gBackInStock-Message-Dismiss"><svg viewBox="0 0 20 20" class="" focusable="false" aria-hidden="true"><path d="M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fill-rule="evenodd"></path></svg></p> </div> <p class="Globo-water-mark gPreorderHidden">Made by <a href="https://apps.shopify.com/pre-order-pro" target="_blank">Globo Pre-Order</a></p> </div> </div> </div> </div> {% endif %} </div> {% endunless %} </script> <script id="globo_preorder_bis_popup_form_template" type="text/template"> <div id="Globo-Back-In-Stock"> <div> <div class="Polaris-Modal-Dialog__Container active"> <div> <div role="dialog" aria-labelledby="modal-header2" tab-index="-1" class="Polaris-Modal-Dialog"> <div class="Globo-form Globo-form-popup"> <div class="Globo-form-subscribe"> {% unless config.hiddenLogoBis %}<div class="Globo-form-header"> <div class="Globo-header-background"> <img src="https://cdn.shopify.com/s/files/1/0286/0892/1660/products/globo-logo-center.png?v=1618467872" > </div> <div class="Globo-header-img-left" style="background-image: url(https://cdn.shopify.com/s/files/1/0286/0892/1660/products/globo-logo-left.png?v=1618468454)"></div> <div class="Globo-header-img-right" style="background-image: url(https://cdn.shopify.com/s/files/1/0286/0892/1660/products/globo-logo-right.png?v=1618468450)"></div> <p class="Globo-header-close"><svg viewBox="0 0 20 20" focusable="false" aria-hidden="true"><path d="M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fillRule="evenodd"></path></svg></p> </div>{% endunless %} <div class="Globo-form-body {% if config.hiddenLogoBis %}Form-hidden-logo{% endif %}"> {% if config.hiddenLogoBis %}<p class="Globo-header-close"><svg viewBox="0 0 20 20" focusable="false" aria-hidden="true"><path d="M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fillRule="evenodd"></path></svg></p>{% endif %} {% if translation.bisTitleForm or translation.bisHeaderContent %}<div class="Globo-body-header"> {% if translation.bisTitleForm %}<h2>{{translation.bisTitleForm}}</h2>{% endif %} {% if translation.bisHeaderContent %}<p>{{translation.bisHeaderContent}}</p>{% endif %} </div>{% endif %} <div class="Globo-body-content"> <div class="Globo-content-product"> <div class="Globo-product-img"><img src="{{variant.img}}" alt="" /></div> <div class="Globo-product-infor"> <p class="Globo-product-title">{{product.title}}{% unless variant.title contains 'Default Title' %} ( <span class="Globo-variant-title">{{variant.title}}</span> ) {% endunless %}</p> <p class="Globo-product-price">{{variant.formatMoney}}</p> </div> </div> <div class="Globo-content-form"> <input type="hidden" name="variant_id" class="gBackInStock-Form-Variant-Id" id="gBackInStock-Form-Variant-Id-{{variant.id}}" value="{{variant.id}}" /> <select name="bis-id" class="gBackInStock-Form-Select {% if check_variant %} gPreorderHidden {% endif %}"> {% for v in product.variants %} <option value="{{v.id}}" {% if v.inventory_quantity <= 0 and v.available == config.checkSelling %} data- selling="stop" {% elsif v.inventory_quantity <= 0 and config.checkSelling contains 'both' %} data- selling="both" {% else %} data- selling="continue" disabled= "disabled" {% endif %} {% if v.id == variant.id %} selected="selected" {% endif %} > {{v.title}} </option> {% endfor %} </select> <input type="email" name="gBackInStock-Form-Content-Input" id="gBackInStock-Form-Content-Input" class="gBackInStock-Form-Content-Input" placeholder="{{translation.bisPlaceHolderEmail}}" {% if variant.inventory_quantity <= 0 and variant.available == config.checkSelling %} data- selling="stop" {% elsif variant.inventory_quantity <= 0 and config.checkSelling contains 'both' %} data-selling="both" {% else %} data- selling="continue" disabled= "disabled" {% endif %} /> <button type="button" class="gSubscribeBtn {% if variant.inventory_quantity <= 0 and variant.available == config.checkSelling %} gEnableSubscribe gStopSellingProduct {% elsif variant.inventory_quantity <=0 and config.checkSelling contains 'both' %} gEnableSubscribe gBothSellingProduct {% else %} gDisableSubscribe {% endif %}" onclick="this.classList.toggle('button--loading')" > <span class="gSubscribeBtn-Text">{{translation.bisSubscribeTextButton}}</span> </button> </div> </div> <div class="Globo-body-footer"> {% if translation.bisFooterContent %}<p class="Globo-footer-message">{{translation.bisFooterContent}}</p>{% endif %} <div class="gBackInStock-Form-Message gBackInStock-Message-Hidden"> <p class="gBackInStock-Message"></p> <p class="gBackInStock-Message-Dismiss"><svg viewBox="0 0 20 20" class="" focusable="false" aria-hidden="true"><path d="M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fill-rule="evenodd"></path></svg></p> </div> <p class="Globo-water-mark gPreorderHidden">Made by <a href="https://apps.shopify.com/pre-order-pro" target="_blank">Globo Pre-Order</a></p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="Globo-Backdrop"></div> </div> </script> <script src="//cdn.shopify.com/s/files/1/2722/7348/t/17/assets/globo.preorder.data.js?v=4181176146863445676" type="text/javascript" defer></script> <script src="//cdn.shopify.com/s/files/1/2722/7348/t/17/assets/globo.preorder.js?v=527306708296723650" type="text/javascript" defer></script> <script type="text/javascript"> var globoPreorderShowMultipleCurrencies = false; var globoPreorderCartType = null; var globoPreorderRegexCount = /"{{ count }}|count|{{count}}"/g; (function (globoPreorderJquery) { if (typeof globoPreorderJquery == 'function') { document.addEventListener("Globo.Preorder.added", function (e) { Globo.Preorder.addToCartCallBack(e.detail.addedItem, e.detail.quantity, globoPreorderJquery); }); //Editions theme if (globoPreorderJquery('.product-list').length) { globoPreorderJquery('.product-list').on('preload-images', function(){ var event; if(typeof(Event) === 'function') { event = new Event('collectionUpdate'); }else{ event = document.createEvent('Event'); event.initEvent('collectionUpdate', true, true); } window.dispatchEvent(event); }); } } }((window.jQuery||window.$))) </script> <link href="//cdn.shopify.com/s/files/1/2722/7348/t/17/assets/globo.preorder.css?v=5471807237027323352" rel="stylesheet" type="text/css" media="all" /> <script id="pre-order-helper"> var _PREORDERConfig = _PREORDERConfig || {}; _PREORDERConfig = { "preorder_app_hostname": "preorder.shopyshaper.com", "instock_qty_level": 1, "preorder_enabled": true, "require_inventory_management": true, "ignore_duplicate_skus": false, "generic_trigger_handler": true, "button": { "caption": "Pre Order", "widget_button_enabled": true }, "selectors": { "payment_button_selectors" : "form[action$='/cart/add'] .shopify-payment-button", "payment_button_custom_selectors" : ".shopify-payment-button-shopy", "shopyPreOrderButtonSelector": "", "cartLineItemSelector": "" }, "shop": "the-piano-guys.myshopify.com", "multilocation": "", "preOrderDesign": {"id":2201,"shop":"the-piano-guys.myshopify.com","backgroundColor":"#000000","paddingLeft":null,"paddingTop":null,"borderRadius":null,"borderColor":"#000000","borderWidth":null,"color":"#ffffff","fontSize":null,"fontFamily":null,"fontStyle":null,"fontWeight":"700","textDecoration":null,"customCss":null}, "defaultSetting": {"quantityLimit":1,"preOrderMaxLimit":10,"buttonText":"Pre Order","buttonMessage":"We will fulfill the order as soon as this item becomes available","preOrderClosedMessage":"Sold Out","cartCheckoutLabel":"Pre-ordered items","preOrderTimeEnable":false,"dateStart":"-1","dateStop":"-1","discountType":"PERCENTAGE","orderTag":"shopyshaper-pre-order","comingSoonEnable":false,"comingSoonHeader":"Coming Soon","comingSoonMessage":"Dropping on","comingSoonAvailableFrom":"-1","countDownStyle":"STYLE_ONE","showPreOrderLabel":true,"preOrderLabelText":"Pre-order"} }; _PREORDERConfig.shop = 'the-piano-guys.myshopify.com'; </script> </body> </html>
