Shop Front v1.0.3 released

Shop Front has just been updated to v1.0.3 and included in the Shop section of the theme customizer are new options for changing the cart icon’s functionality. You can now:

  1. Choose between a cart icon or basket icon.
  2. Show no icon in the navigation at all. Depending on which option you chose above, it will just show the equivalent text, Cart (0) or Basket (0).
  3. Align the icon to the left or right of the text.

Depending on which option you choose, various other aspects of theme are also updated accordingly. For example, if you choose cart, the icon that appears when you hover over a download is changed. Also, when you add or remove items to the cart, the text will update to reflect your chosen option.

If you are using the child theme (which you should be) you will need to copy the fonts folder and override your existing one. This is because new icons have been added.

You can update Shop Front via:

  1. Automatic updates (if you’ve entered the license key)
  2. By logging in and downloading the files again from your download history
  3. By downloading Shop Front again, it’s free!

Enjoy

Add your own CSS classes to error messages in Easy Digital Downloads

In Easy Digital Downloads I needed to add my own CSS classes to various error messages such as the Error: Please enter your first name that displays at checkout.

This is very useful when you already have CSS classes setup for alert messages. I usually apply CSS classes of “alert” and “error” to an error message, “alert” and “success” for a success message, or “alert” and “notice” for a notice message. Not being able to add my own classes means creating a whole bunch of unnecessary styling.

Thankfully I made a request on the EDD GitHub account and this feature was introduced in EDD 1.4.1. To filter the edd_print_errors() function and add your own CSS classes, you can now do the following:

function sumobi_filter_edd_error_class() {

	$classes = array(
		'edd_errors', // required
		'error',
		'alert'
	);

	return $classes;
}
add_filter( 'edd_error_class', 'sumobi_filter_edd_error_class' );

Make sure you leave edd_errors in the array or when ajax is enabled, your error messages will start to repeat when the purchase button is clicked. This is because the edd-ajax.js file requires the edd_errors CSS class so it can remove the error messages each time the purchase button is clicked, and the form processes the validation.