Skip to main content Screen Reader Website Version
Not Sure Where to Start? Start with the website you already have.

We can review the site and help identify what deserves attention first.

Website Checkup →
Different Businesses Different websites.

Structure, content and conversion paths should follow the business rather than a house template.

See Our Work →

Woocommerce Products Per Page

Interestingly Woocommerce does not seem to have a default setting for ‘products per page’. Unsurprisingly, there’s a simple workaround.

Add to your functions.php

Replace “28” with whatever number you want.

add_filter( 'loop_shop_per_page', create_function( '$cols', 'return 28;' ), 20 );
More Web Design Blog Content

Jquery Simple Fadeout

A cute little snippet to show a simple green bar upon a successful edit. <?php if(isset($_GET[‘edit’])){ ?> <div id=’notifyy’> Edited Successfully </div>     <script type=”text/javascript”>     $( ‘#notifyy’ ).show(function(){     $(this).fadeOut(5000);     });     </script> <?php } ?> The CSS: #notifyy{width:100%;background:#2f5001;padding:4px 15px;color:#fff;} Always,

Don’t Think Page Load Times Matter? Think Again.

A recent study by Google really hit home for online retailers or anyone looking to make a sale/conversion online. As Forbes points out: “53% of mobile site visitors will leave a page that takes longer than three seconds to load.” Google’s recommendations usually hover around one to one

Javascript called by PHP

Interesting little snippet. What is going on here? Livewire gives you the low down.    if($num_rowvs == 0){ echo ‘<script>// <![CDATA[ alert(“This is an alert message. I’m alerting you that you are totally awesome!”); // ]]></script>’; }   First, we’re creating a simple if statement in PHP.  Not entirely

Preloading Images with Jquery

There are times when preloading images is an important step in keeping your site/page/program running smoothly. This is especially true in the era of mobile. Here’s a cute little snippet that does just that. function preload(yourarrayOfImages) { $(yourarrayOfImages).each(function(){ $(‘<img/>’)[0].src = this; }); } preload([ ‘img/image1.jpg’, ‘img/image2.jpg’, ‘img/image3.jpg’ ]);

Code School: Woo Shipping Per Product Count Script

Here’s a little snippet that has been useful for woocommerce development. This regulates shipping charges from a simple fee based system to a fee per quantity output. We modified this to allow for a couple of different shipping charge options based on quantity – first by three’s and