Mike Martel

Hi Svybiral, welcome to the WordPress forums! The error you’re getting is because you can’t declare (define) a function with the same name twice.

It seems like you have also edited the files of the tiles plugin (wp-tiles.php doesn’t have a function change_tile_image_size() normally). So your first step would be to uninstall and reinstall WP Tiles, to make sure the plugin is right.

Then, add the function and the add_filter code from my post above to your functions.php. Make sure you replace ‘large’ by the image size you added earlier with add_image_size().

Good luck and do let me know here if it doesn’t work out.

Mike

It should automatically take the current category already. If you want to add a specific category, add it to the arguments along the following lines:

<?php
$the_cat_id = ID_FOR_YOUR_CATEGORY;
$args = array (
    'posts_query' => array (
        'cat' => $the_cat_id
    )
);
the_wp_tiles ( $args );
// (untested)
?>

Try putting this code in your category.php, instead of the shortcode:

<?php if ( function_exists ( 'the_wp_tiles' ) ) the_wp_tiles(); ?>

Also, make sure the plugin is updated to version 0.3.3.

Hi Hiphopruckus, I’m confused. You’re saying WP Tiles does find the image even if there’s no featured image?

Then, with your category archive pages, did the function I posted earlier not work with version 0.3.3? Does it load the wrong posts? What happens?

Mike

Hi hiphopruckus, does the plugin not take images from posts without a featured image on your website? It should already fallback to either the first attached image, or else the first <img> tag in the post itself. If it doesn’t, do you have a demo page I can check out?

As for adding a widget to the plugin, I hadn’t considered it, but it would actually be an option for themes with wide widget areas. I’ll think about it.

Cheers,
Mike

Hi hiphopruckus. I’m happy you like the plugin. In version 0.3.3 of the plugin (uploaded just now), I added a function the_wp_tiles(), which you can use in your theme files. If you put this in your category template, it will automatically show only posts in that category.

<?php if ( function_exists ( 'the_wp_tiles' ) ) the_wp_tiles(); ?>

Cheers,
Mike

Hi Ten Uy, I made mistake updating the plugin in the WP repo, it should be in there now. But when I go to your website, the different colors do show up, with full opacity. If it doesn’t work for you, it’s probably because you’re still loading the old .js file. Try reloading with refreshing your cache (ctrl + f5 on win and linux), or otherwise reloading the script at its url
( https://lilakalabasa.com/wp-content/plugins/WP-Tiles-master/_inc/js/wp-tiles.js?ver=0.3.1 )

It looks good on your website with the colors like this.

Cheers,
Mike

Hi Ten Uy,

In the version just uploaded (0.3.1), you can choose to use your configured colors as the background for the texts on the tiles. It’s in the first group of options.
In a future release I will add different hover effects to the tiles, but you are of course welcome to create your own in your theme!

Cheers,
Mike

Thanks Raubvogel, these errors should be cleared in version 0.3! Also, you can now set from which width you want to switch to a the single small-screen template.

Cheers,
Mike

Hi, I just updated this plugin to version 0.3, in which you can control the cut-off point for small screen templates. On your website, the plugin will work fine if you set this value to something less than 720.

Cheers,
Mike

Hi Raubvogel,

thanks for your comment and energy put in checking the plugin! Unfortunately I think your problem lies elsewhere, as it actually should output an array. Here’s my dump of the rowTemplates without ‘template’:

rowTemplates:  object(5): {
         0:  array(4): {
            [0]:  string(12): " . A A B B D"
            [1]:  string(12): " . A A C C D"
            [2]:  string(12): " E E G G . ."
            [3]:  string(12): " F F G G . ."
         }
         1:  array(4): {
            [0]:  string(11): " A . B . C "
            [1]:  string(11): " A . B . C "
            [2]:  string(11): " . D . E . "
            [3]:  string(11): " . D . E . "
         }
         2:  array(6): {
            [0]:  string(3): "A A"
            [1]:  string(3): ". ."
            [2]:  string(3): "B B"
            [3]:  string(3): ". ."
            [4]:  string(3): "C C"
            [5]:  string(3): ". ."
         }
         3:  array(1): {
            [0]:  string(5): ". . ."
         }
         small:  array(7): {
            [0]:  string(4): ". . "
            [1]:  string(3): "A A"
            [2]:  string(3): ". ."
            [3]:  string(3): "B B"
            [4]:  string(3): ". ."
            [5]:  string(3): "C C"
            [6]:  string(3): ". ."
         }
      }

and here with template (number 3 in the above example):

rowTemplates:  object(2): {
         0:  array(1): {
            [0]:  string(5): ". . ."
         }
         small:  array(7): {
            [0]:  string(4): ". . "
            [1]:  string(3): "A A"
            [2]:  string(3): ". ."
            [3]:  string(3): "B B"
            [4]:  string(3): ". ."
            [5]:  string(3): "C C"
            [6]:  string(3): ". ."
         }
      }

as you can see, they’re the same.

So perhaps something else is going on. What happens exactly when you use a pre-set template?

Also, what’s the width of the content div the tiles are displayed in? If it’s less than 800px wide, you’re probably seeing the small screen template when you pre-set a template. I will fix this bug in the next version. ( See the thread from yesterday )

Cheers,
Mike

Hi Wayne,

can you tell me more about the inconsistencies you’re experiencing? I went to your website, and it seems to be working fine for me, even when hovering over every avatar on your members page. What do you do when hovercards start failing and what is the failing behaviour?

Cheers,
Mike

Hi Wayne,

I updated the plugin with the necessary modification for BP Social compatibility. I couldn’t test it because I don’t have the theme myself, so please let me know if the hovercards are displaying properly with version 1.1.2 of the plugin!

Cheers,
Mike

Hi, I just checked it, and loading templates with [wp-tiles template=”Marius”] still works. But I made the plugin so that it automatically comes up with the mobile template when the container is smaller than 800px wide. So what you’re seeing is the mobile template, instead of the Marius template.

This is also what happens when you’re changing the window.

Strangely enough, this should also happen when you don’t pre-select a tile-template..

In the next version I will make sure small-screen/big-screen behaviour is consistent and that you can set the cut-off point, or disable responsivity altogether.

Thanks for your feedback!

Hi Wayne,

I found your website in older support questions. There seem to be two issues on your site:

1. Social Login
Social Login sets avatars for users that have logged in via Social Login. Unfortunately, when it does this, it strips the user id from the image, so there’s no way for BP Hovercards to find out to which user the avatar belongs. In short, for now unfortunately no hovercards for users logged in with Social Login.

2. BuddyPress Social
Users that didn’t login or signup to your website with Social Login (like yourself) do get a hovercard. But because BP Social uses the same script (tipsy) to display popups, it includes some styles that interfere with the hovercards. Try adding another rule for .tipsy .tipsy-inner that sets max-width back to 350px (instead of the 200px of BP Social).

Cheers,
Mike