Learn Cajon: Custom eCommerce website and WordPress Integration

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="user-scalable=no, width=device-width, maximum-scale=1.0"> <meta name="description" content="CVW Creative Portfolio, Client: Learn Cajon, Project Summary: , Site Features: Web Design, Web Development, Newsletter Sign-up, Social Media Marketing, Blog, eCommerce, Events Calendar, Wordpress CMS, Payment Integration"> <meta name="keywords" content=""> <meta content="Learn Cajon: Custom eCommerce website and WordPress Integration | CVW Creative Portfolio" property="og:title"> <meta content="https://www.cvwcreative.com.au/domainhost/img/cache/b5389c670aee645026af7fdf28132388__x__learncajon_05b5389c670aee645026af7fdf28132388.jpg" property="og:image"> <meta content="CVW Creative Web Development & Design" property="og:site_name"> <meta content="website" property="og:type"> <meta content="http://www.cvwcreative.com.au/portfolio/learn-cajon.php" property="og:url"> <meta content="CVW Creative Portfolio, Client: Learn Cajon, Project Summary: , Site Features: Web Design, Web Development, Newsletter Sign-up, Social Media Marketing, Blog, eCommerce, Events Calendar, Wordpress CMS, Payment Integration" property="og:description"> <title>Learn Cajon: Custom eCommerce website and WordPress Integration | CVW Creative Portfolio</title> <link rel="icon" type="image/png" href="/images/favicon.png" /> <link rel="stylesheet" href="/css/style.css?v2" type="text/css" media="screen" /> <link rel="stylesheet" href="/css/slicknav.css" type="text/css" media="screen" /> <link rel="stylesheet" href="/css/jquery.modalbox.css" /> <link rel="stylesheet" href="/css/jquery.video.css" media="screen" /> <link href='https://fonts.googleapis.com/css?family=Oxygen:400,700,300' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,700,900,300italic' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WMH8T2S');</script>   <script type="text/javascript" id="inspectletjs"> window.__insp = window.__insp || []; __insp.push(['wid', 1132024201]); (function() { function __ldinsp(){var insp = document.createElement('script'); insp.type = 'text/javascript'; insp.async = true; insp.id = "inspsync"; insp.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://cdn.inspectlet.com/inspectlet.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(insp, x); }; document.readyState != "complete" ? (window.attachEvent ? window.attachEvent('onload', __ldinsp) : window.addEventListener('load', __ldinsp, false)) : __ldinsp(); })(); </script>  <meta name="google-site-verification" content="aEPAKuXngJPU7o2i3guTADotCOKdnWk4N9hPj6v2wu4" />  <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:438725,hjsv:5}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv='); </script> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WMH8T2S" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <a href="https://plus.google.com/{+PageId}" rel="publisher"></a>  <header> <div id="header"> <div class="container"> <h1 title="CVW Creative Web Design + Development" id="logo"> <a href="http://www.cvwcreative.com.au" title="CVW Creative Web Design Perth">CVW Creative Web Design, Development, Graphic Design and Marketing</a> </h1> <div id="phone"> <p>08 6184 6715</p> </div> <div id="nav"> <nav> <ul id="menu"> <li><a href="http://www.cvwcreative.com.au" title="Home">Home</a></li> <li><a href="#" title="About CVW Creative">About</a> <ul> <li><a href="/about.php" title="About CVW Creative">About CVW Creative</a></li> <li><a href="/web-design-process.php" title="Web Design Process">Web Design Process</a></li> </ul> </li> <li><a href="/services.php" title="Web Design Services Perth">Services</a> </li> <li class="current"><a href="/portfolio.php" title="Web Design Portfolio">Portfolio</a> </li> <li><a href="/contact.php" title="Contact CVW Creative">Contact</a></li> </ul> </nav> </div> <div class="clear"></div> </div> </div> </header> <div id="inner-container" class="folio"> <div class="banner" style="background: url(/img/cache/5c18d1131b6a7e8aabaec66d14260d32__x__learncajon_025c18d1131b6a7e8aabaec66d14260d32.jpg) no-repeat center top #f8f8f8;"> <div class="container"> <h2><strong>Learn</strong> Cajon</h2> <p class="category"> Custom eCommerce website and WordPress Integration </p> </div> </div> <div class="inner"> <div class="left gallery"> <img src="/domainhost/img/cache/b5389c670aee645026af7fdf28132388__x__learncajon_05b5389c670aee645026af7fdf28132388.jpg" alt="" title="" /> <img src="/domainhost/img/cache/a71f65bddeb8abfd54976429a8093fb4__x__learncajon_07a71f65bddeb8abfd54976429a8093fb4.jpg" alt="" title="" /> <img src="/domainhost/img/cache/881c907dd33ed59b6a84a7eb1d01b2e2__x__learncajon_08881c907dd33ed59b6a84a7eb1d01b2e2.jpg" alt="" title="" /> <br class="clear" /> <p> <a href=""></a> </p> <ul class="project-nav"> <li> <a href="/portfolio/tickboxer.php">Prev Project</a> </li> <li class="next"> <a href="/portfolio/fergusonfarmstay.php">Next Project</a> </li> </ul> </div> <div class="right"> <h2><strong>Project</strong> Information</h2> <p>Learn Cajon was created by Claudia Chambers to bring music and in particular the Cajon closer to you; Claudia started her musical journey with a great interest in music and Flamenco dance; after living and teaching in Spain and Ireland and working with renowned Flamenco percussionists, Claudia moved back to Australia to share her experiences and teach other people how to use rhythm as an expression of themselves.</p> <p>The site offers an online shop where people can purchase top quality Cajons and HD video learning modules supported by accompanying exercises and background notes that will help people play and understand the Cajon better.</p> <p>The site was custom build to handle the selling and delivery of very unique products. The ecommerce area integrates with eWay and a media server to allow access to the purchased modules. It also seamlessly integrates with WordPress for the blogging area of the site.</p> <hr /> <div class="feature-feedback"> <h2><strong>Client</strong> Feedback</h2> <p>"Thank you!<br /> Thanks for all your amazing work...am soooo happy with the site!"</p> <p class="source"> Claudia Chambers, Learn Cajon </p> </div> <hr /> <h2><strong>Features</strong></h2> <ul class="features"> <li class="web_design"> Web Design </li> <li class="web_development"> Web Development </li> <li class="newsletter_sign_up"> Newsletter Sign-up </li> <li class="social_media_marketing"> Social Media Marketing </li> <li class="blog"> Blog </li> <li class="ecommerce"> eCommerce </li> <li class="events_calendar"> Events Calendar </li> <li class="wordpress_cms"> Wordpress CMS </li> <li class="payment_integration"> Payment Integration </li> </ul> <hr /> <h2><strong>Share</strong></h2> <ul class="share"> <li class="pinterest"> <a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" > <img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" alt="Pinterest" /> </a>  <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script> </li> <li class="twitter"> <a href="https://twitter.com/share" class="twitter-share-button">Tweet</a> <script> ! function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs'); </script> </li> <li class="facebook"> <div class="fb-share-button" data-href="https://www.cvwcreative.com.au/domainhost/portfolio/learn-cajon.php" data-type="button_count"></div> </li> <li class="google">  <div class="g-plus" data-action="share" data-annotation="bubble"></div>  <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </li> </ul> <hr /> <h2><strong>Other</strong> Projects</h2> <ul class="projects"> <li> <a href="/portfolio/rspcawa.php">RSPCA WA</a> </li> <li> <a href="/portfolio/popupshopup.php">Popupshopup</a> </li> <li> <a href="/portfolio/wablinds.php">WA Blinds</a> </li> <li> <a href="/portfolio/yahava.php">Yahava</a> </li> <li> <a href="/portfolio/localchambers.php">Local Chambers</a> </li> <li> <a href="/portfolio/bradken-smartliner.php">Bradken</a> </li> <li> <a href="/portfolio/public-transport-authority.php">Public Transport Authority</a> </li> <li> <a href="/portfolio/theparentescape.php">The Parent Escape</a> </li> <li> <a href="/portfolio/our-wedding-date.php">Our Wedding Date</a> </li> <li> <a href="/portfolio/inx.php">INX Software</a> </li> </ul> </div> </div> <div class="inner"> <div id="social-plugin"> <a href="http://www.linkedin.com/company/cvw-creative---web-development-&-design" rel="external"><img src="/images/linked-in.png" width="59" height="59" alt="Connect with us on LinkedIn" /></a><br /> <p>Don’t forget to connect with us<br /> <a href="http://www.linkedin.com/company/cvw-creative---web-development-&-design" rel="external">linkedin.com</a></p> </div> </div> </div>   <footer> <div id="footer"> <div id="pop-out"> <div class="container"> <p>Pop in for a coffee or give us a call to see how we can help your business</p> <p class="btn"><a href="/contact.php">Get in touch</a></p> </div> </div> <div id="footer-container"> <div class="container"> <div id="footer-top"> <div id="left"> <ul id="touch"> <li><h4>Navigation</h4></li> <li><a href="/" title="Home">Home</a></li> <li><a href="/about.php" title="About CVW Creative">About</a></li> <li><a href="/services.php" title="Web Design Services Perth">Services</a></li> <li><a href="/portfolio.php" title="Web Design Portfolio">Portfolio</a></li>  <li><a href="/contact.php" title="Contact CVW Creative">Contact</a></li> </ul> <ul id="social"> <li><h4>Get Social</h4></li> <li id="facebook"><a href="http://www.facebook.com/cvwcreative" title="CVW Creative on Facebook" rel="external">facebook.com</a></li> <li id="google"><a href="https://plus.google.com/+CvwcreativeAu/posts" title="CVW Creative on Google+" rel="external">google+</a></li> <li id="linkedin"><a href="http://www.linkedin.com/company/cvw-creative---web-development-&-design" title="CVW Creative on LinkedIn" rel="external">linkedin.com</a></li> <li id="pinterest"><a href="http://www.pinterest.com/cvwcreative/" title="CVW Creative on Pinterest" rel="external">Pinterest</a></li> <li id="twitter"><a href="https://twitter.com/cvwcreative" title="Follow CVW Creative on Twitter" rel="external">twitter.com</a></li> <li id="youtube"><a href="http://www.youtube.com/playlist?list=PL0XX9ms-52Uj_pUO2fWRlq0d62yMlQ4tj" title="CVW Creative on YouTube" rel="external">YouTube</a></li> </ul> <ul id="contact"> <li><h4>Contact</h4></li> <li class="add">2/7 Hector Street,<br />Osborne Park, WA 6017<br /></li> <li>P: 08 6184 6715<br /></li> </ul> </div> <div id="right"> <form action="https://cvwgroup.createsend.com/t/y/s/zjyttj/" method="post" id="subForm"> <h4>Newsletter Sign Up</h4> <p> <input id="fieldName" name="cm-name" placeholder="Your name*" type="text" required /> </p> <p> <input id="fieldEmail" name="cm-zjyttj-zjyttj" placeholder="Your email*" type="email" required /> </p> <p> <button type="submit">Sign Up</button> </p> </form>  </div> <div class="clear"></div> </div> </div> </div> <div id="footer-bottom"> <p><a href="/index.php">copyright © 2024 cvw creative | website built and designed by our </a><a href="/about.php">amazing team</a></p> </div> </div> </footer>  <script type="text/javascript" src="/js/rhinoslider-1.05.js"></script> <script type="text/javascript" src="/js/mousewheel.js"></script> <script type="text/javascript" src="/js/easing.js"></script> <script type="text/javascript"> $(function() { $('#slides').rhinoslider({ effect: 'fade', showTime: 7000, effectTime: 1500, easing: 'linear', controlsMousewheel: false, controlsKeyboard: false, controlsPlayPause: false, autoPlay: true, pauseOnHover: false, showBullets: 'never', showControls: 'always' }); $('.rhino-container').attr('style', function(i, style) { return style.replace(/display[^;]+;?/g, ''); }); }); </script> <script src="/js/external.js" type="text/javascript"></script> <script src="/js/placeholder.jquery.js" type="text/javascript"></script> <script src="/js/jquery.slicknav.js"></script> <script type="text/javascript"> $(function(){ $('#menu').slicknav(); $('ul#portfolio li:even').addClass('even'); }); </script> <script src="/js/jquery.video.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script> <script> window.intercomSettings = { app_id: "wphn0yhk" }; (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/wphn0yhk';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})() </script> </body> </html>

CINXE.COM

Learn Cajon: Custom eCommerce website and WordPress Integration | CVW Creative Portfolio