Create a WooCommerce Featured Products Loop of Featured Images
Here is a guide on how to create a WooCommerce featured products loop of featured images. The featured product option is chosen from the star column in the WordPress dashboard backend of the WooCommerce products, ‘featured‘ it is a term that belongs to the taxonomy named ‘product_visibility‘. View the code on Gist. So…
Read MoreCreate a slider of WooCommerce Product Featured Images
Here is how you can create a slider of WooCommerce product featured images using a jQuery slider. There are many slider scripts you can use, this one uses Slick Center Mode, this one from Slick adds a CSS class on the center image by which you can target with CSS and add in transition and…
Read MoreOutput The Featured Image in a Loop as a Linked Media Image
Instead of linking a featured image to a post permalink in a loop – here is how you can link to its original image of itself. View the code on Gist. So above, the title and featured image is output of a post – the title has a link to the post whilst the image…
Read MoreAdd The Title Attribute To Featured Image in WordPress
The title attribute for the WordPress featured post has been removed for a while, but you can get it back with the wp_get_attachment_image_attributes filter which can add the HTML attribute markup back in, add to your functions.php file… add_filter( ‘wp_get_attachment_image_attributes’, ‘tl_add_img_title’, 10, 2 ); // Add title attribute to featured image function tl_add_img_title( $attr, $attachment…
Read MoreAdd a Class to a Featured Image in WordPress
You can add a CSS class to a featured image in WordPress using an array in the_post_thumbnail if( has_post_thumbnail() ) { //Add in featured image & class the_post_thumbnail( ‘featured-podcast’, array( ‘class’ => ‘alignnone’ ) ); } This can be handy for coding out a custom loop.
Read More