Wp tiles on home page loading

Hi @sallyruchman,

I don’t understand your question entirely. You can get rid of the initial animation by setting the animation settings in the backend, or by setting animate_init=false in the shortcode. Then the tiles will get their correct dimensions immediately.

Kind regards,
Mike

hi Mike,

on my website detoxplanner.com i use this short code yet:

[wp-tiles id=”243,215,273,280″ orderby=”rand” order=”DESC” posts_per_page=”4″ category=”” tag=”” tax_operator=”IN” offset=”0″ post_status=”publish” ignore_sticky_posts=”false” exclude_current_post=”true” grids=”Detox” padding=”20″ pagination=”none” grid_selector_color=”#ffffff” animate_init=”false”]

If i load the page, the categories are shown shortly during page is loaded.. i just want to load 4 pictures with the IDS, and that the tiles appear directly, not showing the categories??

Thx
Sally

Hi again, I looked at the site and it’s hard to prevent. What happens is this: the website is loaded (including the content and images for the tiles), but the tiles are only processed when the WP Tiles script has loaded (in the footer). So this will always be after anything else. You can make it ‘feel’ faster by disabling the init animation as I suggested above by adding animate_init=false to the shortcode.

The only alternative is hiding the wp-tiles container altogether in the css, until it gets the class wp-tiles-loaded (which happens when the content is actually tiled).

Mike

Hi Mike,

Thanks, for update. How can i hide the wp-tiles container inside of the css?

I have also an other ticket open, regarding wp-tiles and lazy load together, how can i fix this both?

I really love wp-tiles, and will really keep it on my websites,

Thx
Regards
Sally

Hi Sally,

I didn’t get around to answering all the support questions last time, will look at your lazy load query next.

To hide the container using CSS, set it to display:none, something similar to this (untested!):

.wp-tiles-grid {
    display: none;
}
.wp-tiles-grid.wp-tiles-loaded {
    display: block;
}

Cheers,
Mike

Mike,

Im using Gridsby Theme, and have installed your WP-Tile plug-in. I would like to use the grid for my home page, but cannot find out how to update it to my website. There is the four square short code box that allows me to enter in information, and I see the grid, and understand how to edit that, however, there is no update button to actually apply it to my home page. I am confused as to how to add the photos in that I would like, as well as if there is an option to add an title overlay on the images.

1. Where do i find the short code? If it is the 4 square box, why isn’t it allowing me to “update” onto the website?
2.How do I add the photos I would like into the grid?
3.Do you have the option to do a title over image through this plugin?

Any tutorials or help on these questions would be great!

Thanks!