Weston Ruter

Ryan Hellyer

Glen Scott

Allows a user to associate a profile photo with their account through their “Your Profile” page. Admins may 
add a user profile photo by accessing the “Edit User” page. Uploaded images are resized to fit the dimensions specified 
on the options page; a thumbnail image correspondingly is also generated. 
User photos may be displayed within a post or a comment to 
help identify the author. New template tags introduced are:
<ul>
<li><code>userphoto_the_author_photo()</code></li>
<li><code>userphoto_the_author_thumbnail()</code></li>
<li><code>userphoto_comment_author_photo()</code></li>
<li><code>userphoto_comment_author_thumbnail()</code></li>
</ul>
Important: all of these “template tags” must appear inside of PHP script blocks (see examples below). 
The first two should be placed in the posts loop near <code>the_author()</code>, and the second two in the comments 
loop near <code>comment_author()</code> (or their respective equivalents). Furthermore, <code>userphoto_the_author_photo()</code> 
and <code>userphoto_the_author_thumbnail()</code> may be called anywhere (i.e. sidebar) if <code>$authordata</code> is set.
The output of these template tags may be modified by passing four parameters: <code>$before</code>, <code>$after</code>, <code>$attributes</code>, and <code>$default_src</code>, 
as in: <code>userphoto_the_author_photo($before, $after, $attributes, $default_src)</code>. 
If the user photo exists (or <code>$default_src</code> is supplied), then the text provided in the <code>$before</code> and <code>$after</code> parameters is respectively 
prefixed and suffixed to the generated <code>img</code> tag (a common pattern in WordPress). If attributes are provided in the <code>$attributes</code> 
parameter, then they are returned as attributes of the generated <code>img</code> element. For example: <code>userphoto_the_author_photo('', '', array(style => 'border:0'))</code> 
Just added in 0.8.1 release are these two new template tags:
<ul>
<li><code>userphoto($user, $before = '', $after = '', $attributes = array(), $default_src = '')</code></li>
<li><code>userphoto_thumbnail($user, $before = '', $after = '', $attributes = array(), $default_src = '')</code></li>
</ul>
By using these, it is uneccessary to set the global <code>$authordata</code> to display a photo. Just pass <code>$authordata</code>, <code>$curauth</code> or 
whatever variable you have which contains the user object, or (as of version 0.9), pass in a user ID or a user login name.
Here’s an example that shows a few ways of inserting a user’s photo into the post loop: 
 //this will display the user’s avatar if they don’t have a user photo,
<pre><code><?php while (have_posts()) : the_post(); ?>
 <div class="post" id="post-<?php the_ID(); ?>">
 <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
 <div class="meta">
 <?php the_time('F jS, Y') ?>
 by <?php the_author() ?>

 
 <?php userphoto_the_author_photo() ?>
 <?php userphoto_the_author_thumbnail() ?>

 
 <?php userphoto($authordata) ?>
 <?php userphoto_thumbnail($authordata) ?>

 
 <?php userphoto_the_author_photo(
 'Photo of me: ',
 '',
 array('class' => 'photo'),
 get_template_directory_uri() . '/nophoto.jpg'
 ) ?>
 </div>
 <?php the_content('Read the rest of this entry &raquo;'); ?>
 </div>
<?php endwhile; ?>
</code></pre>
If you want to display the user’s photo in the sidebar, just get the user ID or object and pass it into <code>userphoto()</code> or <code>userphoto_thumbnail()</code> like this:
<pre><code><?php userphoto($posts[0]->post_author); ?>
</code></pre>
If you want to display a user’s photo their author page, you may do this:
<pre><code><?php userphoto($wp_query->get_queried_object()) ?>
</code></pre>
In version 0.9 the boolean function <code>userphoto_exists($user)</code> has been introduced which returns true if the user has a photo and false if they do not. 
Argument <code>$user</code> may be user object, ID, or login name. This function can be used along with avatars:
<pre><code><?php
if(userphoto_exists($user))
 userphoto($user);
else
 echo get_avatar($user->ID, 96);
?>
</code></pre>
Or if the new “Serve Avatar as Fallback” option is turned on, then the avatar will be served by any of the regular calls to display the user photo:
<pre><code><?php
//this will display the user's avatar if they don't have a user photo,
// and if "Serve Avatar as Fallback" is turned on
userphoto($user);
?>
</code></pre>
Additionally, all of the regular function calls to display the user photo may be done away with alltogether if the new “Override Avatar with User Photo” 
option is enabled:
<pre><code><?php
//both will display the user photo if it exists
// and if "Override Avatar with User Photo" is turned on
echo get_avatar($user_id);
echo get_avatar($user->user_email);
?>
</code></pre>
Both options “Serve Avatar as Fallback” and “Override Avatar with User Photo” require that the ‘Avatar Display’ setting under Discussion be set to “Show”.
Uploaded images may be moderated by administrators via the “Edit User” page.
Localizations included for Spanish, German, Dutch, Polish, Russian, French, Hungarian, Brazilian Portuguese, Italian, and Catalan.
If you value this plugin, please donate to ensure that it may continue to be maintained and improved.

User Photo

Allows a user to associate a photo with their account and for this photo to be displayed in their posts and comments.

James Koster

A very simple plugin that adds a secondary product thumbnail on product archives that is revealed when you hover over the main product image.
This plugin is ideal if you’d like to display more than one image on product archives, and perfect if you want to display front and back images of clothing for example.
Please feel free to contribute on <a href="https://github.com/jameskoster/woocommerce-product-image-flipper" rel="nofollow ugc">github</a>.

WooCommerce Product Image Flipper

Adds a secondary image on product archives that is revealed on hover. Perfect for displaying front/back shots of clothing and other products.

User Photo vs WooCommerce Product Image Flipper