Trello (Freemium)
I use Trello for everything – shopping lists, Christmas lists – you name it! Such a simple idea fine-tuned into a powerful and flexible app which is great for organising projects and task lists.

Basecamp (Premium)
Communication and project management is fully covered with Basecamp. I mainly use it to record all client communications. Searching and project organisation are powerful which means no more trawling through emails to find important conversations!

TimeCase (Premium)
A simple self-hosted time-tracking script which I have modified slightly to suit my needs. Does the job it needs to well and has a few nice features such as client logins to view time sheets.

Freeagent (Premium)
My accounting tool. I manage all aspects of accounts using Freeagent. Invoicing is really powerful with full automation which enables the hosting side of my business to run very efficiently.

Dropbox (Freemium)
I use Dropbox for all of my large file sharing. I have also integrated Dropbox with various apps to act as a cloud backup solution. Shared folders and files are essential to my workflows.

Slack (Freemium)
Instant messaging within my teams is easy with Slack. And again this tool fully integrates with loads of other services. The ability to quickly fire a meme or gif over to a colleague is priceless!

G Suite (Premium)
Aside from the most reliable emails hosting, G Suite offers me loads more tools – most of which I’ll probably never use! However Google Drive, Docs and Calendars are used every day and work great on all of my devices.

Skitch (Free)
Finally, there’s a mention for a great little tool. Having tried numerous similar annotation tools over the years. Skitch always has been the most user-friendly and quickest to use. A personal favourite for writing up quick instructional screens for website admin panels.

Do you use any of these tools? Have I missed something that I need to know about? Drop me a comment below!

The post The 8 productivity apps that save me time every day first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.

I develop with WordPress every day, it’s still my preferred platform for building content managed websites and the community is a massive part of why that has been the case…ever since I started developing. Plugins have saved me endless hours over the years and enabled me to create functionality that I simply wouldn’t have been able to write from scratch when I first started out.

However, over the years (with a few bad experiences, a build-up of legacy sites to maintain and a growing need to make my websites fast and efficient) I have become a lot less reliant on plugins. The constant worry of bad updates and abandoned plugins is a headache is something I like to avoid nowadays!

That said I do have a small list of trusted plugins which have proved stable and very reliable and are used on most sites that I create.

Admin Menu Editor (Free)
It’s essential that my customer’s admin dashboards are clean and simple, with only essential options on there.

Advanced Custom Fields PRO (Freemium)
This makes custom fields a breeze along with extending the core functionality with loads of field types and complex logic if required.

All In One SEO Pack (Free)
My ‘go-to’ SEO plugin. Simplist and powerful without the ads and bloated UI like some of it’s competitors.

Capability Manager Enhanced (Free)
I use in conjunction with Admin Menu Editor to ensure my user accounts are locked down with the correct capabilities, without the need for functions. It also supports. all other plugins capabilities out of the box.

Custom Post Type UI (Free)
A user-friendly UI for adding and editing custom post types. A simple plugin but does exactly what it says on the tin!

Duplicate Post (Free)
A subtle plugin which my clients find useful, but I also find it handy when populating staging sites with dummy content.

Gravity Forms (Premium)
My form plugin of choice…and I have used it for a wide spectrum of forms. From simple contact forms through to complex order forms. There’s also a great range of official and community add-ons.

iThemes Security (Freemium)
Again I choose this plugin over a few big competitors. I’ve never had a site compromised with this installed, so that’s good enough for me!

WooCommerce (Freemium)
A no-brainer. By far the best WordPress e-commerce solution and now stands up against the big dedicated e-commerce platforms.

WP Mail SMTP (Free)
It’s essential that my customers receive all of their transactional emails quickly and reliably. I always use external SMTP and this plugin supports all the big SMTP providers along with the option of using a custom server.

Do you have a trusted list of WordPress plugins? Have I missed a plugin which you think I need to know about? Drop me a comment below!

The post My essential WordPress plugins first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.

This was a pre-Xmas break frustration! When patching Magento sites with the SUPEE-10415 patch, if PHP warnings are present on the installation, then 404 errors are returned – locking you out of both frontend and backend.

So if you get as far as applying the patch without checking for PHP warnings (within var/log/system.log), then you should first of all revert the patch.

As you’ll probably know there are loads of reasons why you are getting PHP warnings in Magento, but the most common reason is an issue with one of your extensions config.xml files. You can check the validity of any of your XML files by running the following command within your app/ directory. (ref creative media)

find . -name "*.xml" -type f -exec xmllint --noout '{}' \;

In my case all of the config.xml files were fine, and a final manual check of all extensions confirmed this.

It’s useful to mention at this point that there’s another indicator as to the source of the warnings. If the PHP warnings are only present when Magento caching is enabled, then your XML files are not the culprit.

So what is? In my case, it was data within the core_config_data database table. This data is converted and run as XML similar to the config.xml files. These are run when caching is enabled (hence why there are no PHP warnings when Magento caching is disabled).

To fix, I searched the table for entries with terms related the warnings in the logs. I deleted the entries (warning: be aware you know what you’re deleting as Magento options are wiped and may need re-configuring) and re-saved any System/Configuration options which were wiped. The troublesome entries for me were extension licence data and a couple of other extension options. The entries had issues within them such as weird characters or names of incorrect functions.

After reading up on the possible causes, this troublesome data could have been created by spikes in traffic leading to corruption. I think in the extension licence entries case… this was caused by changing the Magento Base URL from dev to live when deployed.

Once all PHP warnings are fixed, you’re good to run the patch. You’ll no longer get the 404 errors and Magento will be patched successfully.

Did this help? Are you having trouble applying SUPEE-10415? Have you experienced the same issues with the core_config_data database table? Be sure to leave a comment or get in touch.

The post 404 errors after applying Magento SUPEE-10415 first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.

So I have set myself the challenge of writing a post a day, for 90 days. The aim is to encourage a little personal development and to help me record the things I learn day-to-day.

I’ll mainly be posting about topics related to web design and development, in hope that the more I have to write about…the easier I’ll find it and the more motivated I will be to stick at it. Although they’ll no doubt be a few random posts in there if I come across something particularly exciting (or annoying!) in my day.

I’m not sure if anyone will see these posts, but if there is anyone out there and you have an opinion or idea around anything I write..please don’t hesitate to get in touch or leave a comment.

Phew…day 1 done! Back to work tomorrow after the Xmas break, I have a feeling day 2’s post could be a grumpy one!

The post New year, new challenge, new me (cringe!) first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.

The Webgains container tag is included within the <head> of every page.

And the Webgains tracking script with dynamic variables is included on the WooCommerce order confirmation page (thankyou.php).

Just remember to replace the ‘XXXX’ with your Webgains ID’s.

// Include Webgains container tag script within head of very page
wp_enqueue_script('webgains-script', '//tag.webgains.com/container-XXXX.html', array(), '1', false);
// Include Webgains tracking script on order confirmation page
add_action('woocommerce_thankyou', 'wg_tracking', 10, 1);
function wg_tracking( $orderid ) {

    $order = new WC_Order($orderid);
	
	$order_number = $order->get_order_number();
	$total = $order->get_total();
    $currency = $order->get_order_currency();
    
    if( $order->get_used_coupons() ) {
		
		$coupons_count = count( $order->get_used_coupons() );
	
	    echo '<h4>' . __('Coupons used') . ' (' . $coupons_count . ')</h4>';
	     
	    echo '<p><strong>' . __('Coupons used') . ':</strong> ';
	    
	    $i = 1;
	    $coupons_list = '';
	    
	    foreach( $order->get_used_coupons() as $coupon) {
	        $coupons_list .=  $coupon;
	        if( $i < $coupons_count )
	        	$coupons_list .= ', ';
	        $i++;
	    }
	
	} // endif get_used_coupons
   
    ?>

	<!-- <webgains tracking code> -->
	<script language="javascript" type="text/javascript">
	
	var wgOrderReference = "<?php echo $order_number?>";
	var wgOrderValue = "<?php echo $total?>";
	var wgEventID = XXXX;
	var wgComment = "";
	var wgLang = "en_EN";
	var wgsLang = "javascript-client";
	var wgVersion = "1.2";
	var wgProgramID = XXXX;
	var wgSubDomain = "track";
	var wgCheckSum = "";
	var wgItems = "";
	var wgVoucherCode = "<?php echo $coupons_list?>";
	var wgCustomerID = "";
	var wgCurrency = "<?php echo $currency?>";
	
	if(location.protocol.toLowerCase() == "https:") wgProtocol="https";
	else wgProtocol = "http";
	wgUri = wgProtocol + "://" + wgSubDomain + ".webgains.com/transaction.html" + "?wgver=" + wgVersion + "&wgprotocol=" + wgProtocol + "&wgsubdomain=" + wgSubDomain + "&wgslang=" + wgsLang + "&wglang=" + wgLang + "&wgprogramid=" + wgProgramID + "&wgeventid=" + wgEventID + "&wgvalue=" + wgOrderValue + "&wgchecksum=" + wgCheckSum + "&wgorderreference="  + wgOrderReference + "&wgcomment=" + escape(wgComment) + "&wglocation=" + escape(document.referrer) + "&wgitems=" + escape(wgItems) + "&wgcustomerid=" + escape(wgCustomerID) + "&wgvouchercode=" + escape(wgVoucherCode) + "&wgCurrency=" + escape(wgCurrency);
	document.write('<sc'+'ript language="JavaScript"  type="text/javascript" src="'+wgUri+'"></sc'+'ript>');
	</script>
	<noscript>
	<?php echo '<img src="http://track.webgains.com/transaction.html?wgver=1.2&wgprogramid=XXXX&wgrs=1&wgvalue=' . $total . '&wgeventid=XXXX&wgorderreference=' . $order_number . '&wgitems=&wgvouchercode=' . $coupons_list . '&wgcustomerid=&wgCurrency=' . $currency . '" alt="" />' ?>	
	</noscript>
	<!-- </webgains tracking code> -->
    <?php
}

The post Add Webgains tracking code to WooCommerce first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.

function add_gf_cap()
{
    $role = get_role( 'editor' );
    $role->add_cap( 'gform_full_access' );
}
 
add_action( 'admin_init', 'add_gf_cap' );

The post Add Gravity Form Admin Panel to other WordPress User Roles first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.

An account enables you to check the SERP of multiple websites, automatically as often as every 2 hours. And you can view the results in a simple graph or table format.

It’s a great little tool for any web designers, developers, SEO’s or web masters. The tool is still in BETA so make sure you head over and signup for your free account whilst you still can.

The post Monitor your website’s search ranking with this Free Google SERP Checker first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.

To move the tabs to the right hand side (underneath ‘Add to Cart’ button etc.) Insert the snippit into your WordPress themes functions.php file. This is an update-safe method as your not having to edit core Woocommerce code.

// Removes tabs from their original loaction 
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
// Inserts tabs under the main right product content 
add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 60 );

The post Move Woocommerce Tabs to right hand product content section first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.

RealFaviconGenerator generates all of the icons and HTML code you need to display perfectly sizes icons for;

• PC and Mac, as usual
• iPhone and iPad
• Android phones and tablets
• Windows 8 tablets
  And more…

It’s really simple, just create your base file which will be used to generate your icons, upload here then sit back and watch your icons generate along with the code you’ll need to insert into the <head> of your website.

If you have any equally awesome bookmarks please get in touch and share them with me!

The post Add Favicons, Apple Icons and Windows Icons to Your Website Really Easily first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.

• 5pm cut-off for next day delivery
• Sun delivery unavailable
• National Holidays/ holidays unavailable
• add £10 surcharge for Saturday Deliveries.

Initially I was looking at this plugin, however this delivery option is only at checkout, and applies to all products. What if I need to specify the delivery date selection on a per product basis? The solution was to first use WooCommerce Product Addons to add 2 global addons.

• Delivery date text field (to add datepicker.js onto)
• Saturday Delivery checkbox field with £10 addon when active

Next I call the jQuery UI library and my custom datepicker.js file.

/*-----------------------------------------------------------------------------------*/
/* Delivery Custom Datepicker */
/*-----------------------------------------------------------------------------------*/
add_action( 'wp_enqueue_scripts', 'custom_enqueue_datepicker' );
 
function custom_enqueue_datepicker() {
	// Optional - enqueue styles
	wp_enqueue_style( 'jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/smoothness/jquery-ui.css', false, '1.0', false );
	
	// Enqueue YOURTHEME/js/datepicker.js
	wp_enqueue_script(  'your-datepicker-script', get_stylesheet_directory_uri() . '/js/datepicker.js', array( 'jquery', 'jquery-ui-datepicker' ), '1.0', true );
}

Now I add the datepicker.js file within my theme’s js/ folder.

jQuery(document).ready(function($) { 
	var dateMin = new Date();
    var weekDays = AddWeekDays(1);

    dateMin.setDate(dateMin.getDate() + weekDays);

    var natDays = [
      [1, 1, 'uk'], //New Years Day
      [12, 25, 'uk'], //Xmas Day
      [12, 26, 'uk'] //Boxing Day
    ];

    function noWeekendsOrHolidays(date) {
        var noWeekend = date.getDay();
                  
        if (noWeekend > 0) {
            return nationalDays(date);
        } else {
            return [(noWeekend > 0), ''];
        }
    }
    
    function nationalDays(date) {
        for (i = 0; i < natDays.length; i++) {
            if (date.getMonth() == natDays[i][0] - 1 && date.getDate() == natDays[i][1]) {
                return [false, natDays[i][2] + '_day'];
            }
        }
        return [true, ''];
    }
    
    function AddWeekDays(weekDaysToAdd) {
        var mydate = new Date()
        if (mydate.getHours()>=17) var daysToAdd = 1 // 5pm Cut Off
        else var daysToAdd = 0
        var day = mydate.getDay()
        weekDaysToAdd = weekDaysToAdd - (5 - day)
        if ((5 - day) < weekDaysToAdd || weekDaysToAdd == 1) {
            daysToAdd = (5 - day) + 2 + daysToAdd
        } else { // (5-day) >= weekDaysToAdd
            daysToAdd = (5 - day) + daysToAdd
        }
        while (weekDaysToAdd != 0) {
            var week = weekDaysToAdd - 5
            if (week > 0) {
                daysToAdd = 7 + daysToAdd
                weekDaysToAdd = weekDaysToAdd - 5
            } else { // week < 0
                daysToAdd = (5 + week) + daysToAdd
                weekDaysToAdd = weekDaysToAdd - (5 + week)
            }
        }

        return daysToAdd;
    }
    //Add datepicker to Woocommerce Addon field
    jQuery( ".product-addon-delivery-date input" ).datepicker({
        beforeShowDay: noWeekendsOrHolidays,
        minDate: dateMin,
        defaultDate: +1,
        firstDay: 1,
        changeFirstDay: true,
        dateFormat: "DD dd-mm-yy"
    });
    
});

Now the datepicker is using the conditions required I just need to add the Saturday delivery charge. The date is outputting the long day name (DD) into the field. So lets check the date field for the word ‘Saturday’ and if  present check the addon checkbox. If no present, uncheck the addon checkbox.

jQuery( ".product-addon-delivery-date input" ).change(function() {
    if ( $(this).val().indexOf("Saturday") > -1 ) {
        $('.product-addon-saturday-delivery input').attr('checked','checked');
    } else {
            $( ".product-addon-saturday-delivery input" ).prop( "checked", false );
           }
	});

Finally hide the Saturday Delivery field with some CSS. Final result here

The post Woocommerce Advanced Delivery Datepicker per Product first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.