CINXE.COM
Cart - Cambridge Scholars Publishing
<!DOCTYPE html> <!--[if lt IE 8 ]> <html lang="en" class="ie"> <![endif]--> <!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]--> <!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Cart - Cambridge Scholars Publishing</title> <meta name="description" content=""/> <meta name="keywords" content="Cart"/> <meta property="og:title" content="Cart - Cambridge Scholars Publishing"> <meta property="og:description" content="Cart - Cambridge Scholars Publishing"> <meta property="og:image" content="https://www.cambridgescholars.com/images/sbpub/cambridgescholars.jpg"> <meta property="og:url" content="https://www.cambridgescholars.com/cart" /> <meta property="og:type" content="article" /> <meta property="fb:app_id" content="966242223397117" /> <meta name="robots" content="index" /> <link rel="publisher" href=""> <!-- Favicons --> <link rel="shortcut icon" href="https://www.cambridgescholars.com/images/sbpub/favicons/favicon.ico"> <link rel="apple-touch-icon" sizes="57x57" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.cambridgescholars.com/images/sbpub/favicons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://www.cambridgescholars.com/images/sbpub/favicons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.cambridgescholars.com/images/sbpub/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://www.cambridgescholars.com/images/sbpub/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://www.cambridgescholars.com/images/sbpub/favicons/favicon-16x16.png"> <link rel="manifest" href="https://www.cambridgescholars.com/images/sbpub/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://www.cambridgescholars.com/images/sbpub/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <script> var CaptchaCallback = function(){ if (document.getElementById('recaptcha1')){ grecaptcha.render('recaptcha1', { 'sitekey' : '6Ld1yHYUAAAAANSAIMKn5fU8UyKa3yl0nkupCMEC', 'callback': reCaptchaVerify }); } }; function reCaptchaVerify(response) { if (response === document.querySelector('#g-recaptcha-response').value) { document.getElementById('gr_validate1').value = ' - '; document.getElementsByClassName('gr_validate1formError')[0].style.visibility = 'hidden'; } } </script> <!--[if !IE 8]><!--><script src="https://www.google.com/recaptcha/api.js?onload=CaptchaCallback&render=explicit" async defer></script><!--<![endif]--> <!--[if IE 8]><script src="https://www.google.com/recaptcha/api.js?fallback=true"></script><![endif]--> <script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=596a008a31b8b90012c6a95a&product=inline-share-buttons" defer></script> <!-- can remove if you dont need, for using icons --> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link href="https://testing.primecreative.com/meytech/public_html/css/jquery.sidr.light.css" rel="stylesheet"> <link href="https://www.cambridgescholars.com/css/slick.css" rel="stylesheet"> <link href="https://www.cambridgescholars.com/css/slick-theme.css" rel="stylesheet"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css"> <link href="https://www.cambridgescholars.com/css/datepicker3.css" rel="stylesheet"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-108253644-13"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-108253644-13'); </script> <!--<link href="https://www.cambridgescholars.com/css/javascript/slider.css" rel="stylesheet">--> <link href="https://www.cambridgescholars.com/css/sbpub.css?v=1.5" rel="stylesheet"> </head> <body id="top" class="cart "> <div class="hidden-print"> <div id="sidr" style="display:none;"> <ul id="main"> <li> <a href="#" id="closeLink"> <span> Close Menu X </span> </a> </li> </ul> </div> <section id="socialRow"> <div class="container"> <div class="row"> <div class="col-xs-24 col-sm-24 socialContainer"> <div class="socialLink"><a href="https://twitter.com/camscholars" target="_blank"><i class="fa fa-twitter"></i></a></div><div class="socialLink"><a href="https://www.facebook.com/cambridgescholarspublishing/" target="_blank"><i class="fa fa-facebook"></i></a></div><div class="socialLink"><a href="https://www.instagram.com/cambridgescholarsofficial/" target="_blank"><i class="fa fa-instagram"></i></a></div><div class="socialLink"><a href="https://www.linkedin.com/company/cambridgescholarspublishing" target="_blank"><i class="fa fa-linkedin"></i></a></div> </div> </div> </div> </section> <section id="logoRow"> <div class="container"> <div class="row"> <div class="col-xs-24 col-sm-8 inline-block-middle logocontain"> <a id="homelink" href="https://www.cambridgescholars.com/"> <img id="mainLogo" class="img-responsive" src="https://www.cambridgescholars.com/images/sbpub/logo.png" alt="Logo"> </a> </div> <div class="col-xs-24 col-sm-16 inline-block-middle mobile-center mobile-remove-margin-padding"> </div> </div> </div> </section> <section id="search-section"> <div class="download_button_block"> <a href="https://www.cambridgescholars.com/pages/register" class="toplink">Register<img src="https://www.cambridgescholars.com/images/sbpub/register.png" class="img-responsive topicon" /></a> <a href="https://www.cambridgescholars.com/pages/login" class="toplink">Login<img src="https://www.cambridgescholars.com/images/sbpub/login.png" class="img-responsive topicon" /></a> <a href="https://www.cambridgescholars.com/cart" class="toplink"><img src="https://www.cambridgescholars.com/images/sbpub/basket.png" class="img-responsive topicon" /></a> </div> <div class="search_box_block" style=""><form action="https://www.cambridgescholars.com/pages/search" id="search_form" method="get" accept-charset="utf-8"> <input type="hidden" name="search_type" value="full_search" /> <div class="input-group "> <input type="text" name="search" class="form-control searchform" placeholder="Search"> <span class="input-group-btn"> <i class="fa fa-search fa-fw"></i> </span> </div> </form> </div><div id="mobileMenu" class="hidden-md hidden-lg"> <a style="display:none" id="openMenuHide" href="#sidr"></a> <a id="openMenu" href="#"> <div class="menuHeader"> <img src="https://www.cambridgescholars.com/images/menu.png" alt="menuIcon"/> <h2>Menu</h2> <div class="clear"></div> </div> </a> </div> </section> <nav class="navbar navbar-default"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="https://www.cambridgescholars.com/"><img src="https://www.cambridgescholars.com/images/sbpub/logo_brand.png"></a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="https://www.cambridgescholars.com/myaccount/edit_profile">Edit Profile</a></li><li><a href="https://www.cambridgescholars.com/myaccount/order_history">Order History</a></li><li><a href="https://www.cambridgescholars.com/myaccount/change_password">Change Password</a></li><li><a href="https://www.cambridgescholars.com/myaccount/eabform">EAB Form</a></li><li><a href="https://www.cambridgescholars.com/myaccount/eabdashboard">EAB Dashboard</a></li><li><a href="https://www.cambridgescholars.com/myaccount/eabprofile">EAB Profile</a></li><li><a href="https://www.cambridgescholars.com/myaccount/authorform">Author Form</a></li><li><a href="https://www.cambridgescholars.com/myaccount/authordashboard">Author Dashboard</a></li><li><a href="https://www.cambridgescholars.com/myaccount/authorprofile">Author Profile</a></li><li><a href="https://www.cambridgescholars.com/myaccount/authorfinance">Author Finance</a></li><li><a href="https://www.cambridgescholars.com/myaccount/authortitles">Author Titles</a></li> </ul> <a href="https://www.cambridgescholars.com/myaccount/logout" class="logout_button btn btn-danger">Log out</a> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav><!--<div id="sitemessage"><p style="font-size: 16px;"><strong style="font-weight: bold;">Please note:</strong> we are aware of some payment processing issues with USA based orders, we are currently working to resolve this - sorry for any inconvenience caused!</p></div>--> <section id="sliderRow"> <div id="slider" class="pos-rel"> <ul class="rslides"> <li> <img style="width:100%;" src="https://www.cambridgescholars.com/uploads/sbpub_sub/headers/homeslidenew.png" alt="Cambridge Scholars Publishing" /> <div class="slideText"> <div class="container"> <div class="row"> <div class="col-md-6 snav"> <section id="main-navigation"> <ul id="mainNav" class="list-inline hidden-xs hidden-sm text-right remove-bottom"> <li class=" lvl1"><a class="" href="https://www.cambridgescholars.com/"><span>Home</span></a></li><li class=" lvl1"><a class="" href="https://www.cambridgescholars.com/pages/who-are-cambridge-scholars-publishing"><span>About Us</span></a></li><li class=" lvl1"><a class="" href="https://www.cambridgescholars.com/pages/buy-a-book"><span>Buy a Book</span></a></li><li class=" lvl1"><a class="" href="https://www.cambridgescholars.com/pages/why-be-a-cambridge-scholars-publishing-author"><span>Publish With Us</span></a></li><li class=" lvl1"><a class="" href="https://www.cambridgescholars.com/pages/meet-our-editorial-advisors"><span>Meet our Editorial Advisors</span></a></li><li class=" lvl1"><a class="" href="https://www.cambridgescholars.com/pages/latest-news"><span>News</span></a></li><li class=" lvl1"><a class="" href="https://www.cambridgescholars.com/pages/faqs"><span>FAQs</span></a></li></ul> </section> </div> <div class="col-md-18 scontent"><p>"This is a great introduction to living with Type 1 diabetes both for healthcare professionals and people living with the condition. It covers all aspects of day-to-day management, including how to get the best out of the latest technology available. [A Guide to Type 1 Diabetes Management, Technology, and Everything Else You Need to Know is an] invaluable book that is highly recommended."</p><p>- Chris Askew OBE, Chief Executive of Diabetes UK</p></div> </div> </div> </div> </li> </ul> <div id="slidercontrols" class="hidden-xs"> </div> </div> </section> <div class="breadcrumbarea"><div class="container"><p class="breadcrumbs"> <a href="https://www.cambridgescholars.com/" class="homelink">Home</a> / <a href="https://www.cambridgescholars.com/pages/cart" class="breadlink">Cart</a></div></div></div> <section class="content_row"> <div class="row"> <div class="col-xs-24 col-xs-offset-0 col-sm-24 col-sm-offset-0 "> <div id="content"><div class="container"> <h1>Cart Empty</h1> <div class="alert alert-danger alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> Sorry you currently have no items in your cart. </div></div> </div> </div> </section> </div><!--<section id="footerAbove" class="pos-rel"> </section>--> <section id="footerRow" class="pos-rel"> <div class="container"> <div class="row"> <div class="col-xs-24 col-sm-12 col-md-8"> <ul class="footerlinklist"> <li><a href="https://www.cambridgescholars.com/pages/who-are-cambridge-scholars-publishing">About Us</a></li> <li><a href="https://www.cambridgescholars.com/pages/buy-a-book">Buy a Book</a></li> <li><a href="https://www.cambridgescholars.com/pages/why-be-a-cambridge-scholars-publishing-author">Publish With Us</a></li> <li><a href="https://www.cambridgescholars.com/pages/meet-our-editorial-advisors">Meet our Editorial Advisors</a></li> <li><a href="https://www.cambridgescholars.com/pages/faqs">FAQs</a></li> <li><a href="https://www.cambridgescholars.com/pages/latest-news">News</a></li> <li><a href="https://www.cambridgescholars.com/pages/sales-agent">Sales Agents</a></li> <li><a href="https://www.cambridgescholars.com/pages/contact">Contact</a></li> <li><a href="https://www.cambridgescholars.com/pages/login">Login</a></li> <li><a href="https://www.cambridgescholars.com/pages/register">Register</a></li> <li><a href="https://www.cambridgescholars.com/pages/unsubscribe">Unsubscribe</a></li> </ul> <p class="copyright">Cambridge Scholars Publishing | Registration Number: 04333775</p> <p class="copyright">Please note that Cambridge Scholars Publishing Limited is not affiliated to or associated with Cambridge University Press or the University of Cambridge</p> <p class="copyright">Copyright © 2024 Cambridge Scholars Publishing. All rights reserved.</p> </div> <div class="col-xs-24 col-sm-12 col-md-16 text-right" id="footermenus"> <div class="footerlogo"> <img src="https://www.cambridgescholars.com/images/sbpub/footerlogo.png" class="img-responsive" id="footerlogo" /> </div> <div class="socials-footer"> <a href="https://www.linkedin.com/company/cambridgescholarspublishing" class="foot-social" target="_blank"><img src="https://www.cambridgescholars.com/images/sbpub/socials/linkedin.png" alt="Linked In" /></a><a href="https://www.facebook.com/cambridgescholarspublishing/" class="foot-social" target="_blank"><img src="https://www.cambridgescholars.com/images/sbpub/socials/facebook.png" alt="facebook" /></a><a href="https://twitter.com/camscholars" class="foot-social" target="_blank"><img src="https://www.cambridgescholars.com/images/sbpub/socials/twitter.png" alt="twitter" /></a><a href="https://www.instagram.com/cambridgescholarsofficial/" class="foot-social" target="_blank"><img src="https://www.cambridgescholars.com/images/sbpub/socials/instagram.png" alt="instagram" /></a> </div> <nav class="footerMenu"><ul class="list-unstyled"><li><a href="https://www.cambridgescholars.com/pages/careers">Careers</a></li><li><a href="https://www.cambridgescholars.com/pages/sustainability-statement">Sustainability Statement</a></li><li><a href="https://www.cambridgescholars.com/pages/equality-statement1">Equality Statement</a></li><li><a href="https://www.cambridgescholars.com/pages/marketing-and-sales-guide">Marketing and Sales Guide</a></li><li><a href="https://www.cambridgescholars.com/pages/cookies">Cookies</a></li><li><a href="https://www.cambridgescholars.com/pages/privacy">Privacy</a></li><li><a href="https://www.cambridgescholars.com/pages/terms-and-conditions">Terms and Conditions</a></li><li><a href="https://www.cambridgescholars.com/pages/site-map">Site Map</a></li></ul></nav> <!--<nav class="footerMenu"> <ul class="list-unstyled"> <li><a href="http://testing.primecreative.com/sbpub/public_html/pages/accreditations">Accreditation</a></li> <li><a href="http://testing.primecreative.com/sbpub/public_html/pages/equality-statement1">Equality Statement</a></li> <li><a href="http://testing.primecreative.com/sbpub/public_html/pages/modern-slavery-statement">Modern Slavery</a></li> <li><a href="http://testing.primecreative.com/sbpub/public_html/pages/cookies">Cookies</a></li> <li><a href="http://testing.primecreative.com/sbpub/public_html/pages/privacy">Privacy</a></li> <li><a href="http://testing.primecreative.com/sbpub/public_html/pages/site-map">Sitemap</a></li> </ul> </nav>--> <p class="copyright text-right">Designed and Built by <a href="http://www.primecreative.com/" target="_blank">Prime Creative</a></p> </div> </div> </div> </section> <!--<div class="sharethis-inline-share-buttons"></div>--> <script data-main="https://www.cambridgescholars.com/js/main_sbpub.js" src="https://www.cambridgescholars.com/js/require.js" defer></script> <!--[if lt IE 9]> <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <link rel="stylesheet" type="text/css" href="https://www.cambridgescholars.com/js/validationEngine.jquery.css"> <link rel="stylesheet" type="text/css" href="https://www.cambridgescholars.com/js/plugins/fancyBox/source/jquery.fancybox-front.css"> <script src="https://www.cambridgescholars.com/js/tweets.js"></script> </div> </div> <div class="modal fade" id="standard_modal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="btn btn-warning" data-dismiss="modal">X</button> <div class="modal-body"> </div> </div> </div> </div> <div class="modal fade" id="enquiryForm" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content "> <button type="button" class="btn btn-warning" data-dismiss="modal">X</button> <div class="modal-body"> <h1>Contact Us</h1> <p>Please fill in the short form below for any enquiries.</p> <form action="https://www.cambridgescholars.com/form" id="contactform" class="validateform remove-bottom" method="post" accept-charset="utf-8"> <input type="hidden" name="type" value="enquiry" /> <input type="hidden" name="form_name" value="enquiry" /> <input type="hidden" name="table_insert" value="t_enquiry" /> <input type="hidden" name="page" value="https://www.cambridgescholars.com/cart" /> <div class="row"><div class="col-md-12"><input type="text" name="name" value="" class="validate[required] form-control defaultText" title="" placeholder="Name*" /> <input type="text" name="telephone" value="" class="form-control defaultText" title="" placeholder="Telephone" /> <input type="text" name="email" value="" class="validate[required,custom[email]] form-control defaultText" title="" placeholder="Email*" /> <textarea name="comments" cols="40" rows="10" class="form-control" title="" placeholder="Comments" ></textarea> </div><div class="col-md-12"><label style="display:flex;align-items:baseline;"><input type="checkbox" name="verify" value="agree" style="margin-right:5px">By entering your information you agree to us retaining your details to send you information on our services. We will not share your details with third parties. You can request your details to be removed at any time.</label><label style="display:flex;align-items:baseline;"><input type="checkbox" name="optin" value="agree" style="margin-right:5px">I consent for my information to be used by National Federation of Fish Friers for direct marketing purposes.</label><label style="display:flex;align-items:baseline;"><input type="checkbox" name="optin" value="agree" style="margin-right:5px">I understand I can read further about how my details are used on this website by visiting this websites privacy page.</label><input type="text" name="gr_validate1" value="" id="gr_validate1" class="validate[required]" style="height:1px;border: none;" /> <div id="recaptcha1"></div></div></div> <div class="row add-half-top"> <div class="col-xs-24 col-sm-24"><input type="submit" name="submit" value="Submit" class="btn btn-success" /> </div> </div></form> <hr> </div> </div> </div> </div> <div class="modal fade" id="galleryNewsModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="btn btn-warning" data-dismiss="modal">X</button> <div class="modal-body"> </div> </div> </div> </div> <div class="modal fade" id="newsletterModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="btn btn-warning" data-dismiss="modal">X</button> <div class="modal-body"> <h3>Sign up for our newsletter</h3> <p>Please enter your email address below;</p> <form action="https://www.cambridgescholars.com/form" id="newsletter_form" class="" method="post" accept-charset="utf-8"> <input type="hidden" name="type" value="newsletter" /> <input type="hidden" name="form_name" value="newsletter" /> <input type="hidden" name="table_insert" value="t_enquiry" /> <input type="hidden" name="page" value="https://www.cambridgescholars.com/cart" /> <p class="hidden"><input type="text" name="emailaddress_blocker" value=""></p> <div class="form-group text-left"> <label class="" for="search">Sign up for our newsletter</label> <div class="input-group"> <div class="input-group-addon search_news"><i class="fa fa-newspaper-o"></i></div> <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email"> </div> </div> <div class="form-group text-right"> <p class="hidden"><input type="text" name="emailaddress_blocker" value=""></p> <button class="btn btn-default" type="submit" class="nostyle">Submit</button> </div> </form> </div> </div> </div> </div> <script src="https://npmcdn.com/isotope-layout@3/dist/isotope.pkgd.js"></script> <script src="https://www.cambridgescholars.com/js/yall.min.js"></script> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", yall); </script> <script> /*jshint browser:true, undef: true, unused: true, jquery: true */ jQuery(document).ready(function($){ $('#filterclear').bind('click', function(){ $('.option-set input').prop('checked', false); $('#brand-all').trigger('click'); }); /*$('.catrow').bind('click', function() { $container.isotope(); });*/ var $container; var filters = {}; $(function(){ $container = $('#container'); //createContent(); var $filterDisplay = $('#filter-display'); $container.isotope(); // do stuff when checkbox change $('#options').on( 'change', function( jQEvent ) { var $checkbox = $( jQEvent.target ); manageCheckbox( $checkbox ); var comboFilter = getComboFilter( filters ); $container.isotope({ filter: comboFilter }); $filterDisplay.text( comboFilter ); }); $('.catrow').on('click', function() { //$container.isotope('layout'); //alert("HERE").delay(1000); setTimeout(function () { $container.isotope('layout'); }, 400); }); }); var myarr = <div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;"> <h4>A PHP Error was encountered</h4> <p>Severity: Notice</p> <p>Message: Undefined variable: manu</p> <p>Filename: sbpub/html_bottom.php</p> <p>Line Number: 68</p> </div>; var data = { brands: myarr }; function createContent() { var brand, productType, color, size; var items = ''; // dynamically create content for (var i=0, len1 = data.brands.length; i < len1; i++) { brand = data.brands[i]; for (var j=0, len2 = data.productTypes.length; j < len2; j++) { productType = data.productTypes[j]; for (var l=0, len3 = data.colors.length; l < len3; l++) { color = data.colors[l]; for (var k=0, len4 = data.sizes.length; k < len4; k++) { size = data.sizes[k]; var itemHtml = '<div class="item ' + brand + ' ' + productType + ' ' + color + ' ' + size + '">' + '<p>' + brand + '</p>' + '<p>' + productType + '</p>' + '<p>' + size + '</p>' + '</div>'; items += itemHtml; } } } } $container.append( items ); } function getComboFilter( filters ) { var i = 0; var comboFilters = []; var message = []; for ( var prop in filters ) { message.push( filters[ prop ].join(' ') ); var filterGroup = filters[ prop ]; // skip to next filter group if it doesn't have any values if ( !filterGroup.length ) { continue; } if ( i === 0 ) { // copy to new array comboFilters = filterGroup.slice(0); } else { var filterSelectors = []; // copy to fresh array var groupCombo = comboFilters.slice(0); // [ A, B ] // merge filter Groups for (var k=0, len3 = filterGroup.length; k < len3; k++) { for (var j=0, len2 = groupCombo.length; j < len2; j++) { filterSelectors.push( groupCombo[j] + filterGroup[k] ); // [ 1, 2 ] } } // apply filter selectors to combo filters for next group comboFilters = filterSelectors; } i++; } var comboFilter = comboFilters.join(', '); return comboFilter; } function manageCheckbox( $checkbox ) { var checkbox = $checkbox[0]; var group = $checkbox.parents('.option-set').attr('data-group'); // create array for filter group, if not there yet var filterGroup = filters[ group ]; if ( !filterGroup ) { filterGroup = filters[ group ] = []; } var isAll = $checkbox.hasClass('all'); // reset filter group if the all box was checked if ( isAll ) { delete filters[ group ]; if ( !checkbox.checked ) { checkbox.checked = 'checked'; } } // index of var index = $.inArray( checkbox.value, filterGroup ); if ( checkbox.checked ) { var selector = isAll ? 'input' : 'input.all'; $checkbox.siblings( selector ).removeAttr('checked'); if ( !isAll && index === -1 ) { // add filter to group filters[ group ].push( checkbox.value ); } } else if ( !isAll ) { // remove filter from group filters[ group ].splice( index, 1 ); // if unchecked the last box, check the all if ( !$checkbox.siblings('[checked]').length ) { $checkbox.siblings('input.all').attr('checked', 'checked'); } } } }); </script> </body> </html>