Thanks Josue, that did the trick :) Is there any way to keep lightbox enabled on the review thumbnails but not to allow it to be in the same gallery as the product images?

Hi lenalavandel,
I’m using this plugin https://www.woothemes.com/products/grid-list-toggle/
that is advised by woo crew…

I’ve solved myself the list alignment with this css custom mod:

#top .thumbnail_container img {
width: 100% !important;
}

ul.products.list li.product img {
margin-top: 20px !important;
}

ul.products.list li.product hr {
border-width: 0 0 0 0;
margin-bottom: 0px;
}

ul.products.list li.product {
position: inherit !important;
padding: 0px 0px 0px 0px !important;
}

ul.products.list li.product .thumbnail_container {
width: 30%;
height: 50%;
float: left;

}

#top .inner_product_header {
clear: right;
border-top-width: 0px;
min-height: 0px;
padding: 5px 5px 15px 5px !important;
}

div .products .product a, div .products .product a img {
display: inline !important;
}

div.entry-content-wrapper ul.products.grid{
margin-top: 20px !important;
}

div.entry-content-wrapper div.product-sorting{
padding-bottom: 0px;
}

Thank you! :)
And If I do a new markup in the php? Its hard or not?
Something like this? $cws-add-to-cart-url = $product->add_to_cart_url();

global $product;
					
					$link 	= 	$product->add_to_cart_url();
					$ajax_class = 'add_to_cart_button product_type_simple';
					$text	= "";
					$title 	= 	get_the_title();
                                        $cws-add-to-cart-url = $product->add_to_cart_url();
					$content = 	get_the_excerpt();
					$price = 	$product->get_price_html();
					$rel   = "";
					
					if(empty($link_behavior))
					{
						$cart_url = get_the_permalink();
						$ajax_class = "";
					}
					else
					{
						$cart_url = $product->add_to_cart_url();
						$ajax_class = $product->is_purchasable() ? "add_to_cart_button" : "";
						$rel = $product->is_purchasable() ? "rel='nofollow'" : "";
					}
					
					$image = get_the_post_thumbnail($product->id, 'square', array('class'=>"av-catalogue-image av-cart-update-image av-catalogue-image-{$show_images}"));
					
					$text .= $image;
					$text .= "<div class='av-catalogue-item-inner'>";
					$text .= "<div class='av-catalogue-title-container'><div class='av-catalogue-title av-cart-update-title'>{$title}</div><div class='av-catalogue-price av-cart-update-price'>{$price}</div></div>";
					$text .= "<div class='av-catalogue-content'>{$content}</div>";
					$text .= "<div class='cws-add-to-cart'>{$cws-add-to-cart-url}</div>";
					$text .= "</div>";

Regards,
Peter

I added the code at the very bottom in functions.php. After that, header images are no longer visible, just white empty space. I have tried to re-upload images and can see the small thumbnail in product-category settings. But they no longer appear as product-category/header images.

EDIT: Images not appearing happened after I updated Enfold to 3.5. I tried the code above with 3.4.1 of Enfold, and the images were visible but they were still in parallax, the code did nothing. Now, in 3.5 it just removes the header images.

Hi Yigit,

Thanks so much for the quick response. I have done that and its worked except the blog post featured images and recipe featured images have blown out of proportion? They are massive and cut off? Also the social sharing at the bottom of each page is also huge? I did try the regenerate thumbnails once before at it never worked, if you could maybe assist with this that would be great for it looks terrible.

Have attached the urls for you to take a look.

Thanks in advance

OK. Final question and if I can’t get it to work for me…oh well.

If the masonry size is set to 705 x 705 and an image is 705 on the long edge, it sets the short edge to 471 which is the proper 2:3 ration. If an image is portrait orientation (taller, rather than wider), why does it set the long edge to 471 instead of 705. This is what my problem is. The image of the Alaskan totem pole is 705 on the long edge just like the others, but the orientation is different. Is the grid gallery page set so each row has the same height and you cannot mix landscape and portrait orientation?

Also, I re-imported the “oriente of cuba” landscape image with 705 on the long edge, using the plug-in and regenerating the thumbnails. The image is still cropped…unless you open the gallery in which you will see the entire image.

Perhaps this theme is really not for photographers?

Hello;

I installed the plugin you recommended and have a few simple questions.

Would updating the 705 x 705 masonry setting negatively impact the look/feel of your theme? I would like the images to display a bit larger by default. I also am struggling with the landscape/portrait settings. I exported a test image as 705px long side using both a landscape and portrait image orientation. The portfolio main page still crops the portrait orientation for display. I used the plugin and regenerated the thumbnails. Shouldn’t the image display 705 on the long side and not have to crop? The same image is NOT cropped one you click on the gallery to display the images contained within.

What is the element name for the images within the gallery: still masonry?