Tflores87,
I think the fuzziness issue is related to the thumbnail image size that is getting pulled in your gallery grid/element. Try changing the size of the Thumbnail that gets pulled and see if that helps.

Hey Nikko, I removed the line of code from app.css, as advised by you (reply #715509), and this has cured part of the problem with the white gaps where thumbnails should show in the grid. Yay! But now I am still left with the odd behaviour of the bottom right corner thumbnail not being populated and thumbnail content being pushed onto a second or third page.
This I think may be due to either the WooCommerce templates or the custom selector above the product thumbnail pages not functioning correctly.
I know you guys don’t support Customised Sites. So I think it is time to get someone from Codeable involved or another Freelancer who knows Woocommerce and Enfold very well.

Andy, as far as I know, the website was created by our Developer and had W3 Total Cache deactivated all the time. The problem (I presume would have been checked by them in following your suggestion at the time it first occurred) it had no effect to the outcome. Deactivating all plugins is not an option as certain ones are essential to the proper functioning of the website, as code will rely upon the presence of them to correctly render the thumbnails (I presume).
On the ‘live’ site you viewed, you will see that WP Super Cache has been installed and activated (but only recently). The Enfold recommended W3 Total Cache does not play well with our Host’s server set up apparently, so they recommend WP Super Cache. A re-install of the full site was made a couple of days ago. The re-install was made WITHOUT a cache plugin active or present. The problem was still present. WP Super Cache was installed yesterday and the problem still remains. But, I think it is to do with the code related to the category selector bar above the product thumbnails and how it selects and pulls in the products and categories to display – created by our Developer (who has now washed their hands of us, and refuses to carry on working on it).
I know you guys don’t offer support on customised sites, so I can see i am going to have to get someone from Codeable involved.
I removed the line of code from app.css, as advised by Nikko (reply #715509), and this has cured part of the problem with the white gaps where thumbnails should show in the grid. Yay! But now I am still left with the odd behaviour of the bottom right corner thumbnail not being populated and thumbnail content being pushed onto a second or third page.

Hi Andy, it depends when you took a look at the site.

This situation in the thumbnail layout has presented itself with the plugin de-activated and activated, so i can probably say in my limited knowledge that it is not related.
I personally think it may be due to the fact that 3 of the Woocommerce templates are in need of updating, or the code our Developer wrote for those pages is corrupting the page layout. It certainly looks like it is related to product categories, and particularly when there are more than one page of products.

Compare this
http://deliciousfinefoods.co.uk/product-category/ontap-products/oils/infused-olive-oils/
With this
http://deliciousfinefoods.co.uk/product-category/fine-foods/fine-food-categories/bottled-gourmet-oils/
And this
http://deliciousfinefoods.co.uk/product-category/ontap-products/vinegars/balsam-vinegars/
With this
http://deliciousfinefoods.co.uk/product-category/fine-foods/fine-food-categories/bottled-gourmet-vinegars/

odd similarity in layout failure

Thanks…
1. but where do I increase thumbnail size?

Thanks Nikko,

I have added a line above the one you mentioned to test if it will work: $caption = ‘ <h3 class=”avia-caption-title”>TEST</h3>’;
It shows “TEST” above the title, so it will work. The question is – how do I get category link and name onto this line?

Here is the whole section of code that I have now:

foreach ($this->entries->posts as $slide)
			{
					$counter ++;
					$thumb_id = get_post_thumbnail_id( $slide->ID );
					$slide_class = "";
					$taxonomies  = get_object_taxonomies(get_post_type($the_id));
					
					$img 	 = wp_get_attachment_image_src($thumb_id, $this->atts['image_size']);
					$link	 = get_permalink( $slide->ID );
					$title	 = get_the_title( $slide->ID );
					
					
					$caption  = "";
 					$caption .= ' <div class="caption_fullwidth av-slideshow-caption caption_center">';
					$caption .= ' <div class="container caption_container">';
					$caption .= ' <div class="slideshow_caption">';
					$caption .= ' <div class="slideshow_inner_caption">';
					$caption .= ' <div class="slideshow_align_caption">';
					$caption .= ' <h3 class="avia-caption-title">TEST</h3>';
					$caption .= ' <h2 class="avia-caption-title"><a href="'.$link.'">'.$title.'</a></h2>';
			
					if(strpos($this->atts['contents'], 'excerpt')  !== false)
					{
						$excerpt = !empty($slide->post_excerpt) ? $slide->post_excerpt : avia_backend_truncate($slide->post_content, apply_filters( 'avf_feature_image_slider_excerpt_length' , 320) , apply_filters( 'avf_feature_image_slider_excerpt_delimiter' , " "), "…", true, '');
						
						if(!empty($excerpt)){
							$caption .= ' <div class="avia-caption-content " itemprop="description">';
							$caption .= wpautop($excerpt);
							$caption .= ' </div>';
						}
					}
		
					
					if(strpos($this->atts['contents'], 'read_more')  !== false)
					{
						$caption .= ' <a href="'.$link.'" class="avia-slideshow-button avia-button avia-color-light " data-duration="800" data-easing="easeInOutQuad">'.__('Read more', 'avia_framework').'</a>';
					
					}
					$caption .= ' </div>';
					$caption .= ' </div>';
					$caption .= ' </div>';
					$caption .= ' </div>';
					$caption .= $this->create_overlay();
					$caption .= ' </div>';
					
					$slide_data = "data-img-url='".$img[0]."'";
					
					if(empty($img)) $slide_class .= " av-no-image-slider";
					
					$html .= "<li {$slide_data} class='slide-{$counter} {$slide_class} slide-id-".$slide->ID."'>";
					$html .= $caption;
					$html .= "</li>";
			}

Hi Ismael,

I need the Thumbnail exactly at the place what the screenshot (#709514) is showing, also the Link in the title.
What I will do with this? The Thumbnail is the thumbnail and the link goes to the product detail page.
I need this because in germany we have to do that when we want don’t go in trouble with law.
In fact you can’t use woocommerce with enfold in germany for onlineshops.

Ok, you don’t customize the review_order.php but you make that I can’t do that in the normal way!
So! Why we have to wrote lines and lines instead you tell me what I have to do please!!

regards
Mike

hi,
but why is that of course, i dont get it:/ Is there no way to exclude those thumbnails? I definietly want the lightbox to be active:/

Ok, than we have a definition problem. :)

Lightbox is for me: an image as a preview or thumbnail is displayed on the page. By clicking on it, it displays the same image or a gallery in a (normally) higher resolution.
https://en.wikipedia.org/wiki/Lightbox_(JavaScript)

So: The Lightbox Modal Window in the enfold theme by switching on / off: what is the sense of it?

If I don´t want a lightbox inside the page – by clicking on the image in the page nothing happens – what can I do to realize it?

In the beginning Nikko send me this code, but it crashes the website. But I think it was the correct way and the beginning of the solution:

function remove_lightbox(){
?>
  <script>
    jQuery(window).load(function(){
      jQuery('.single-post .lightbox-added .overlay, .single-post .lightbox-added .image-overlay').remove();
      jQuery('.single-post .lightbox-added img').unwrap('lightbox-added');

    });
  </script>
<?php
}
add_action('wp_footer', 'remove_lightbox');