Snippits / Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire

Add Webgains tracking code to WooCommerce

Ash — Mon, 26 Oct 2015 09:52:17 +0000

Include the following in your themes functions.php file.

The Webgains container tag is included within the 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 '' . __('Coupons used') . ' (' . $coupons_count . ')';
	     
	    echo '' . __('Coupons used') . ': ';
	    
	    $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
   
    ?>

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

Add Gravity Form Admin Panel to other WordPress User Roles

Ash — Fri, 20 Mar 2015 10:15:48 +0000

Add the code below to your theme’s functions.php file to add the Gravity Forms settings, form editor and form entires to anther user roles admin panel.

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.

Move Woocommerce Tabs to right hand product content section

Ash — Sun, 16 Nov 2014 15:02:24 +0000

If your developing an e-commerce website using Woocommerce, by default the product tabs (including full product description, technical specifications etc.) are positioned underneath the two product columns.

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.

Woocommerce Advanced Delivery Datepicker per Product

Ash — Wed, 10 Sep 2014 09:48:38 +0000

My brief was to add a delivery date picker to a Woocommerce website selling gift hampers. There were a few conditions required on the datepicker;

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.

Order WordPress Custom Post Type Lists by Column

Ash — Fri, 22 Aug 2014 16:32:54 +0000

By default, posts are sorted by the date published.

Paste the code below into your theme’s functions.php file to order the posts differently

//order custom post type posts list in admin
function posts_for_current_author($query) {
 
  if($query->is_admin) {
 
        if ($query->get('post_type') == 'members') //custom post type
        {
          $query->set('orderby', 'title'); //order by this column
          $query->set('order', 'ASC');
        }
  }
  return $query;
}
add_filter('pre_get_posts', 'posts_for_current_author');

The post Order WordPress Custom Post Type Lists by Column first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.

Display Latest WordPress Posts on Single Post Page, Omitting The Post Currently Being Viewed

Ash — Fri, 22 Aug 2014 10:12:41 +0000

You want to show other recent posts on your single post page, however you don’t want the currently viewed post to be repeated and show in the list.

 'post',
	 'post__not_in' => array($post->ID),			
	);
	
        $query = new WP_Query($args);
				 
	if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post(); 
				
?>

The post Display Latest WordPress Posts on Single Post Page, Omitting The Post Currently Being Viewed first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.

Make Gravity Forms Address Fields more British

Ash — Mon, 18 Aug 2014 09:56:10 +0000

The address fields in Gravity Forms are very much international based, and it’s a good idea to modify these if your website is targeting mainly a UK audience.

Add the code below to your theme’s functions.php file.

// Function to make the address fields GravityForms more British.
add_filter("gform_address_types", "uk_address", 10, 2);
function uk_address($address_types, $form_id){
$address_types["uk"] = array(
"label" => "UK",
"country" => "United Kingdom",
"zip_label" => "Postcode",
"state_label" => "County",
"states" => array("Aberdeenshire"=>"Aberdeenshire","Angus/Forfarshire"=>"Angus/Forfarshire","Argyllshire"=>"Argyllshire","Ayrshire"=>"Ayrshire","Banffshire"=>"Banffshire","Bedfordshire"=>"Bedfordshire","Berkshire"=>"Berkshire",
"Berwickshire"=>"Berwickshire","Blaenau Gwent"=>"Blaenau Gwent","Bridgend"=>"Bridgend","Buckinghamshire"=>"Buckinghamshire","Buteshire"=>"Buteshire","Caerphilly"=>"Caerphilly","Caithness"=>"Caithness",
"Cambridgeshire"=>"Cambridgeshire","Cardiff"=>"Cardiff","Carmarthenshire"=>"Carmarthenshire","Ceredigion"=>"Ceredigion","Cheshire"=>"Cheshire","Clackmannanshire"=>"Clackmannanshire",
"Conwy"=>"Conwy","Cornwall"=>"Cornwall","Cromartyshire"=>"Cromartyshire","Cumberland"=>"Cumberland","Denbighshire"=>"Denbighshire","Derbyshire"=>"Derbyshire","Devon"=>"Devon","Dorset"=>"Dorset",
"Dumfriesshire"=>"Dumfriesshire","Dunbartonshire/Dumbartonshire"=>"Dunbartonshire/Dumbartonshire","Durham"=>"Durham","East Lothian/Haddingtonshire"=>"East Lothian/Haddingtonshire","Essex"=>"Essex","Fife"=>"Fife",
"Flintshire"=>"Flintshire","Gloucestershire"=>"Gloucestershire","Gwynedd"=>"Gwynedd","Hampshire"=>"Hampshire","Herefordshire"=>"Herefordshire","Hertfordshire"=>"Hertfordshire","Huntingdonshire"=>"Huntingdonshire",
"Inverness-shire"=>"Inverness-shire","Isle of Anglesey"=>"Isle of Anglesey","Kent"=>"Kent","Kincardineshire"=>"Kincardineshire","Kinross-shire"=>"Kinross-shire","Kirkcudbrightshire"=>"Kirkcudbrightshire",
"Lanarkshire"=>"Lanarkshire","Lancashire"=>"Lancashire","Leicestershire"=>"Leicestershire","Lincolnshire"=>"Lincolnshire","Merthyr Tydfil"=>"Merthyr Tydfil","Middlesex"=>"Middlesex",
"Midlothian/Edinburghshire"=>"Midlothian/Edinburghshire","Monmouthshire"=>"Monmouthshire","Morayshire"=>"Morayshire","Nairnshire"=>"Nairnshire","Neath Port Talbot"=>"Neath Port Talbot",
"Newport"=>"Newport","Norfolk"=>"Norfolk","Northamptonshire"=>"Northamptonshire","Northumberland"=>"Northumberland","Nottinghamshire"=>"Nottinghamshire","Orkney"=>"Orkney",
"Oxfordshire"=>"Oxfordshire","Peeblesshire"=>"Peeblesshire","Pembrokeshire"=>"Pembrokeshire","Perthshire"=>"Perthshire","Powys"=>"Powys","Renfrewshire"=>"Renfrewshire",
"Rhondda Cynon Taff"=>"Rhondda Cynon Taff","Ross-shire"=>"Ross-shire","Roxburghshire"=>"Roxburghshire","Rutland"=>"Rutland","Selkirkshire"=>"Selkirkshire","Shetland"=>"Shetland","Shropshire"=>"Shropshire",
"Somerset"=>"Somerset","Staffordshire"=>"Staffordshire","Stirlingshire"=>"Stirlingshire","Suffolk"=>"Suffolk","Surrey"=>"Surrey","Sussex"=>"Sussex","Sutherland"=>"Sutherland","Swansea"=>"Swansea","Torfaen"=>"Torfaen",
"Vale of Glamorgan"=>"Vale of Glamorgan","Warwickshire"=>"Warwickshire","West Lothian/Linlithgowshire"=>"West Lothian/Linlithgowshire","Westmorland"=>"Westmorland",
"Wigtownshire"=>"Wigtownshire","Wiltshire"=>"Wiltshire","Worcestershire"=>"Worcestershire","Wrexham"=>"Wrexham","Yorkshire"=>"Yorkshire")
);
return $address_types;
}

The post Make Gravity Forms Address Fields more British first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.

Remove Unused WordPress User Roles

Ash — Wed, 13 Aug 2014 10:01:40 +0000

To simplify the user roles option for your client, remove any unused roles from WordPress.

Paste the following code into your them’s functions.php file.

//Remove unused user roles
remove_role('subscriber');
remove_role('author');
remove_role('contributor');

The post Remove Unused WordPress User Roles first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.

Edit The Number Of Related Products on WooCommerce Single Product Page

Ash — Sat, 02 Aug 2014 09:58:53 +0000

By default Woocommerce displays 4 related products on your website’s single-product page. Modify the output using the function below.

Paste the code below into your theme’s functions.php file.

// Redefine woocommerce_output_related_products()
function woocommerce_output_related_products() {
woocommerce_related_products(6,3); // Display 6 products in rows of 3
}

The post Edit The Number Of Related Products on WooCommerce Single Product Page first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.

Remove ‘Install WooCommerce Updater Plugin’ Notice

Ash — Tue, 29 Jul 2014 10:56:27 +0000

If you don’t have the plugin installed, this notice will appear in the Dashboard for Shop Mangers and Admins. Hide this from your client by pasting the following into your theme’s functions.php file.

// Remove Woocomerce Updater Notice
remove_action( 'admin_notices', 'woothemes_updater_notice' );

The post Remove ‘Install WooCommerce Updater Plugin’ Notice first appeared on Ashley Hollinworth / Front-end Web Developer & Designer / Wakefield, West Yorkshire.