The code does not “work”, it is more of an “oh shit!” band-aid patch. The main product image is using a stretched 120×120 Image, so it is basically pulling a gallery size thumbnail and stretching it into the main product image size. (450×999 default) so it looks abysmal.

NSFW Warning unless Sex Toys do not bother you, no pornography is displayed:

http://bareblissproducts.com/shop/

• This reply was modified 9 years ago by moonknight066.

Added: .woocommerce-product-gallery {
opacity: 1 !important;
}

Still didn’t work, images are still blurry and the error message still showing.

Warning: Missing argument 3 for avia_woocommerce_gallery_thumbnail_description() in /home/mysite/public_html/wp-content/themes/enfold/config-woocommerce/config.php on line 1349

Warning: Missing argument 4 for avia_woocommerce_gallery_thumbnail_description() in /home/mysite/public_html/wp-content/themes/enfold/config-woocommerce/config.php on line 1349

Regards,
Mongiat

I added: div.product div.images {
opacity: 1!important;
}

The image shows up, but it’s the thumbnail and it’s stretched and blurry.

The following error messages show above the image:
Warning: Missing argument 3 for avia_woocommerce_gallery_thumbnail_description() in /home/mysite/public_html/wp-content/themes/enfold/config-woocommerce/config.php on line 1349

Warning: Missing argument 4 for avia_woocommerce_gallery_thumbnail_description() in /home/mysite/public_html/wp-content/themes/enfold/config-woocommerce/config.php on line 1349

[“mysite” added to above error messages, to keep private my register only website shopping cart]

Meuwessen fix does work, but Pic is using the 120×120 thumbnail and then stretched, correct.

Hi Ismael,

Thanks a lot for this – I’ve regenerated the thumbnails accordingly and I’ll keep an eye out for the images on the post slider so hopefully any future images will be cropped properly.

Hi Rikard! Thanks for your reply. I am looking to make a portfolio page like the Masonry 3 Column Grid in Enfold but when you click on one of the items a video player will open up and play a video instead of displaying an image. I do not want it to link to another page, I want to put a picture as a thumbnail, name of the video underneath and have the player open right on top of the page similar to what you see in the Coalition theme.

I went thru the Enfold elements page and it is an amazing theme! I am considering both the Coalition and Enfold. I do think Coalition is more appropriate for what I am looking to achieve, but yes Enfold offers wonderful features and is beautiful.

Thanks!

Barry

Changing settings to 150×150 for Thumbnail photo solved the issue… thanks!

Hi Ismael – I think this must be a browser related issue in that case – the default for me on this subdomain is definitely “Thumbnail”.
It’s frustrating – but not the end of the world.
I’d hoped there was a setting I could have changed.

Thanks,
Mark

I’ve checked the code tags from the front end of the website, and I found this code:

<div class='flex_column_table av-equal-height-column-flextable' >
<div  class=" flex_column av_one_third  flex_column_table_cell av-equal-height-column av-align-middle av-zero-column-padding first  avia-builder-el-3  el_after_av_submenu  el_before_av_two_third  avia-builder-el-first  " style='border-radius:0px; '><div style='padding-bottom:0px;' class='av-special-heading av-special-heading-h1  blockquote modern-quote  avia-builder-el-4  avia-builder-el-no-sibling '><h1 class='av-special-heading-tag'  itemprop="headline"  >Welcome</h1><div class='special-heading-border'><div class='special-heading-inner-border' ></div></div></div></div></a>
<div class='av-flex-placeholder'></div><div  class=" flex_column av_two_third  flex_column_table_cell av-equal-height-column av-align-middle av-zero-column-padding   avia-builder-el-5  el_after_av_one_third  el_before_av_one_full  " style='border-radius:0px; '><div class='avia-image-container  av-styling-   avia-builder-el-6  avia-builder-el-no-sibling  avia-align-right '  itemscope="itemscope" itemtype="https://schema.org/ImageObject"  ><div class='avia-image-container-inner'><a href='http://themanse.co.nz/booking/' class='avia_image'  ><img class='avia_image ' src='http://themanse.co.nz/wp-content/uploads/2014/10/TM-BOOK-WITH-US-BUTTON-01.png' alt='Book with us' title='Book With Us'  itemprop="thumbnailUrl"  /></a></div></div></div></div><!--close column table wrapper. Autoclose:  --></a>

There are two closing </a> tags that seem to have no matching tag. The elements in the Visual Builder are just a Special Heading in a 1/3 Column, and a Text Block containing a linked image in a 2/3 Column. The source in the Text Block has no issue, and the Special Heading isn’t even linked, so I don’t know how the extra tags are being put there or how to remove them, or whether they might come back once removed.

I can replace the page, but is there a better way? Thanks

• This reply was modified 9 years ago by TerryGrow.