Hi Enfold team!
Would it be possible to change my blog’s thumbnail preview (the one right beside the blog title) from square to rectangular? I would like them to be properly displayed as thumbnails without the images cropped, they are all 844×400 in size and it would take too much time to convert them all to square.


Here’s the link to my blog.
Thanks!
Hey mmentuccia,
Try adding this code at the bottom of functions.php:
global $woocommerce;
if( version_compare( $woocommerce->version, '3.0.0', ">=" ) ) {
add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
function avia_woocommerce_gallery_thumbnail_description($img, $attachment_id, $post_id, $image_class ) {
return $img;
}
function avia_woocommerce_post_thumbnail_description($img, $post_id){
return $img;
}
}
Let us know if this helps :)
Best regards,
Nikko
I keep getting blurry product images on the single product image. The other woocommerce images are fine, just just having problems with this one. I’ve tried resizing the images through woocommerce’s setting (and regenerated thumbnails) as well as tried a variety of high and lower res images. Please see image below for an example (the blurry image is originally 1432×774). I’m out of ideas, please help.
Best regards,
Marc
Hey
Ive got problem with gallery
Whatever size i choose i only get really small thumbnails instead of normal size pictures [ ive tried big, samll, full, gallery, etc ]
Hi,
Please check the config-templatebuilder > avia-shortcodes > postslider.php file, line 234. You should see that the “image_size” parameter is set to “portfolio” by default. The “portfolio” thumbnail is also set to “soft crop” so original images with different sizes will return different thumbnail versions.
Check your installations, make sure that they have the same settings in the Blog > Blog Layout. If they are the same, please follow the instructions above.
Best regards,
Ismael
Hi,
Please install the following plugin then go to the Settings > Media panel. Adjust the thumbnail sizes and turn on/off the cropping parameter. Save then regenerate the thumbnails afterwards. https://wordpress.org/plugins/simple-image-sizes/
Best regards,
Jordan Shannon
Hi,
The default thumbnail size used in the blog is the “portfolio” thumbnail. If you want to change its size, install the following plugin then go to the Settings > Media panel. Look for the “portfolio” thumbnail, adjust the size, save, update then regenerate the thumbnails.
// https://wordpress.org/plugins/simple-image-sizes/
If you want to assign a custom thumbnail, edit the index.php file, look for this code around line 44:
$atts = array( 'type' => 'grid', 'items' => get_option('posts_per_page'), 'columns'=> 3, 'class'=>'avia-builder-el-no-sibling', 'paginate'=>'yes');
Set the “preview_mode” parameter to “custom” and then specify the thumbnail size in the “image_size” parameter.
$atts = array( 'preview_mode' => 'custom', 'image_size' => 'extra_large', 'type' => 'grid', 'items' => get_option('posts_per_page'), 'columns'=> 3, 'class'=>'avia-builder-el-no-sibling', 'paginate'=>'yes');
Or set the Enfold > Blog > Blog Layout to “Use the advance layout builder” then edit the actual blog page. Switch to the advance layout builder, insert the blog post element then set the “Preview Image Size” settings to “manual”. Select the thumbnail.
Best regards,
Ismael
-
This reply was modified 8 years, 11 months ago by
Ismael.
My client just got this error message in the woocommerce shop on the product page.
Warning: Missing argument 3 for avia_woocommerce_gallery_thumbnail_description() in /home1/natamoon5000/public_html/wp-content/themes/enfold/config-woocommerce/config.php on line 1360
Warning: Missing argument 4 for avia_woocommerce_gallery_thumbnail_description() in /home1/natamoon5000/public_html/wp-content/themes/enfold/config-woocommerce/config.php on line 1360
Do you know how to fix this? All plugins and themes are updated.
Hi,
Apologies, I misunderstood what you were trying to achieve. Add the following to quick css:
#top .single-product-main-image .thumbnails a{
width:15.3%!important;
}
This puts the thumbnails at 1×6. I based this off of the link you supplied above.
Best regards,
Jordan Shannon
Hey netWKR,
I looked at your site and believe your goal is to get the thumbnails to open in lightbox.
Please try to call the lightbox with the class “.avia_activate_lightbox”.
I didn’t find any specific lightbox documentation, but I found: https://kriesi.at/support/topic/diable-the-enfold-lightbox-urgent/#post-193309 stating that the class “.avia_activate_lightbox” forces lightbox and the class “.noLightbox” prevents lightbox.
In my testing I found that removing the “target=’blank’” from you thumbnail and adding the class “avia_activate_lightbox” forced, or restarted, your lightbox.
(full class: “sit-tourism–lightbox lightbox-added avia_activate_lightbox”)
I’m not sure how you would add this to your code above, but I hope this will help.

Best regards,
Mike
and this error as well:
Warning: Missing argument 4 for avia_woocommerce_gallery_thumbnail_description() in /home/mauinorth/public_html/wp/wp-content/themes/enfold/config-woocommerce/config.php on line 1360
Hello,
I hope someone can help quick! I have a live site up http://maui-north.ca
I am getting this error message on all products, multiple times throughout.
Warning: Missing argument 3 for avia_woocommerce_gallery_thumbnail_description() in /home/mauinorth/public_html/wp/wp-content/themes/enfold/config-woocommerce/config.php on line 1360
Wordpress credentials below
Please help! Thanks!
Hello,
Iam building a listing site with both Enfold and Toolset types.
While designing a (Toolset) layout to single display custom posts, I’d like to use the Avia gallery to properly display images saved into a custom field (listing-images). I am using the following Avia shortcode to do this: [av_gallery ids='' style='big_thumb' preview_size='portfolio' crop_big_preview_thumbnail='avia-gallery-big-crop-thumb' thumb_size='portfolio' columns='5' imagelink='lightbox' lazyload='avia_lazyload'], where ids=” could be something like: ids='[wpv-post-field name=’wpcf-listing-images’]’, with a ‘for each’ loop.
So far, I get the gallery to work within the layout but, as it does not know which image to look for, it displays the first images saved into the media library.
Indeed, the normal use of this shortcode is to specify some images from the media library that are then designated with 4digits figures inside the shortcode; f.i. ids= ‘1138,1139,1140’…
So is there any way, instead, to get/embed multiples images saved in a custom field (created with Toolset or otherwise)?
Thanks for your help.
Hey Jordan,
are you sure I need to pay for a custom modification for this? It’s literally just resizing the thumbnails to 50% and showing 1 instead of 2 rows.. Similar requests (even more complex ones) have been answered and solved in this support forum.
Thank you
Hey!
And don’t forget to adjust the size of the “Product thumbnails” in the WooCommerce > Settings > Products > Display > Product images section. After the size adjustment, regenerate or re-upload the thumbnails.
Cheers!
Ismael
Hey guys,
thanks for your great support, you’re awesome. I wanted to make my product page (WooCommerce) look more like the one on Amazon. For that, I first changed the product description box to full width, that worked fine.
But now I have a problem: The user has to scroll very far down to get to the product description box, due to the thumbnails being placed in a 2×3 arrangement under the product picture. (https://edley.de/produkt/programmiersprache-java-fuer-anfaenger-komplettkurs/)
Is it possible to change that to 1×6? So that the thumbnails are smaller and are aligned to the width of the product picture in just one line..
Alternatively the thumbnails could be placed on the right or left side of the product picture, that would work too. (Is saw in a different thread that this is possible. However, the CSS code also changed the layout of the main product picture).
Thanks again and keep up the good work!
Best,
Giaco
Hey samhughes8,
For that specific section you mentioned, it appears you have used an actual thumbnail sized image.
Make sure all background image urls point to the original, high resolution image and not to a thumbnail version of the image. In addition I recommend to use images with high resolutions – i.e. an image with a resolution of 1000×650 will appear blurry if you want to view it with a full hd screen. I recommend to upload the images with a resolution of 1920px or more.
Best regards,
Jordan Shannon
Hi,
Sir as I mentioned above the site is down because the following has to be removed from functions.php:
/*
<a href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84" target="_blank" rel="nofollow noopener noreferrer" data-mce-href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84"><a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">Woocommerce</a></a> 3.0.0 Compatibility Fix
Remove Enfold's custom functions that conflict with the new image display in <a href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84" target="_blank" rel="nofollow noopener noreferrer" data-mce-href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84"><a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">WooCommerce</a></a> 3.0.0
*/
global $<a href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84" target="_blank" rel="nofollow noopener noreferrer" data-mce-href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84"><a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a></a>;
if( version_compare( $<a href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84" target="_blank" rel="nofollow noopener noreferrer" data-mce-href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84"><a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a></a>->version, '3.0.0', ">=" ) ) {
function avia_<a href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84" target="_blank" rel="nofollow noopener noreferrer" data-mce-href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84"><a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a></a>_gallery_thumbnail_description($img, $attachment_id, $post_id, $image_class ) {
return $img;
}
function avia_<a href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84" target="_blank" rel="nofollow noopener noreferrer" data-mce-href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84"><a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a></a>_post_thumbnail_description($img, $post_id){
return $img;
}
}
You do this manually by opening the functions.php file in the theme folder. For ftp access you need to send me the username and pass for http://ftp.kishenent.com. I am trying my best to solve this for you but your assistance and understanding of these things is required at the moment.
Best regards,
Jordan Shannon
Hey!
Please remove the filter then modify the config-woocommerce > config.php file, remove everything then replace it with the following.
// https://pastebin.com/rYaHKWBz
In the functions.php file, add this code.
add_action( 'after_setup_theme', 'ava_new_product_gallery_support_mod', 10);
function ava_new_product_gallery_support_mod() {
add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );
add_theme_support( 'avia-new-product-gallery-feature' );
}
Add this code in the Quick CSS field or the child theme’s style.css file:
.single-product div.product .woocommerce-product-gallery {
margin-bottom:2.617924em;
margin-top:0;
}
.single-product div.product .woocommerce-product-gallery {
position:relative;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position:absolute;
top:.875em;
right:.875em;
display:block;
height:2em;
width:2em;
border-radius:3px;
z-index:99;
text-align:center;
text-indent:-999px;
overflow:hidden
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
font:normal normal normal 1em/1 FontAwesome;
font-size:inherit;
text-rendering:auto;
-webkit-font-smoothing:antialiased;-
moz-osx-font-smoothing:grayscale;
display:block;
content:"\f00e";
line-height:2;
text-indent:0
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img{
display:none!important
}
.single-product div.product .woocommerce-product-gallery img{
margin:0
}
.single-product div.product .woocommerce-product-gallery .flex-viewport{
margin-bottom:1.618em
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs{
margin:0;
padding:0
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after,.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:before{
content:"";
display:table;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li{
list-style:none;
margin-bottom:1.618em;
cursor:pointer;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
opacity:.5;
-webkit-transition:all,ease,.2s;
-moz-transition:all,ease,.2s;
transition:all,ease,.2s
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img{
opacity:1
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li{
width:42.8571428571%;
float:left;
margin-right:14.2857142857%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n){
margin-right:0
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li{
width:23.8095238%;
float:left;
margin-right:14.2857142857%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n){
margin-right:0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{
width:14.2857142857%;
float:left;
margin-right:14.2857142857%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n){
margin-right:0;
}
.single-product div.product .images .woocommerce-main-image{
margin-bottom:1.618em;
display:block;
}
.single-product div.product .images .thumbnails a.zoom{
display:block;
width:22.05%;
margin-right:3.8%;
float:left;
margin-bottom:1em;
}
.single-product div.product .images .thumbnails a.zoom.last{
margin-right:0;
}
Regards,
Ismael
Hi,
I need you to access functions.php via the root folder (not dash) and remove the following from the bottom:
/*
<a href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84" target="_blank" rel="nofollow noopener noreferrer" data-mce-href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84"><a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">Woocommerce</a></a> 3.0.0 Compatibility Fix
Remove Enfold's custom functions that conflict with the new image display in <a href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84" target="_blank" rel="nofollow noopener noreferrer" data-mce-href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84"><a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">WooCommerce</a></a> 3.0.0
*/
global $<a href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84" target="_blank" rel="nofollow noopener noreferrer" data-mce-href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84"><a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a></a>;
if( version_compare( $<a href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84" target="_blank" rel="nofollow noopener noreferrer" data-mce-href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84"><a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a></a>->version, '3.0.0', ">=" ) ) {
function avia_<a href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84" target="_blank" rel="nofollow noopener noreferrer" data-mce-href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84"><a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a></a>_gallery_thumbnail_description($img, $attachment_id, $post_id, $image_class ) {
return $img;
}
function avia_<a href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84" target="_blank" rel="nofollow noopener noreferrer" data-mce-href="https://<a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a>.com/?ref=84"><a href='https://woocommerce.com/?ref=84' target='_blank' rel="nofollow">woocommerce</a></a>_post_thumbnail_description($img, $post_id){
return $img;
}
}
Or allow me ftp access.
Best regards,
Jordan Shannon
I am using the Gallery on this page: http://ashleygreysalon.com/gallery/ and I have the gallery settings set as indicated below. However, the large image on the page is huge. How can I set them to be smaller? Also, I do not want there to be a hover effect on the lmages. How can I fix these things? Please visit page to see.
GALLERY STYLE: Big Image with Thumbnails Preview
GALLERY BIG PREVIEW IMAGE SIZE: Widget 36×36
FORCE SAME SIZE FOR ALL BIG PREVIEW IMAGES: Yes, force same size on all Big Preview Images
GALLERY PREVIEW IMAGE SIZE: Thumbnail 80×80
GALLERY COLUMNS: 5
USE LIGHTBOX: YES
THUMBNAIL FADE IN EFFECT: Activate animation on page load
Hi,
Congratulations for the launch! I’m sorry if we can’t be of much help this time. I think you have to compromise one aspect of the image because you can’t keep its aspect ratio without creating white space inside the cells. It’s possible but you have to create multiple versions of the thumbnail or image for different screen sizes.
Best regards,
Ismael
Hey thanks everyone, I updated to the latest version of Enfold via FTP and it fixed the problem with the thumbnails not showing up on the Single Product pages. I didn’t do the patch with the child theme as recommended by mensmaximus, should I still do that? What does it do exactly?
On a side note, I tried adding the cart, facebook and instragram to Single Products Pages sidebar in Widgets, but it still doesn’t show up as a sidebar on the actual pages, they just come in underneath the product pictures. No biggie though, I just won’t have a sidebar.
Is there any way to have a header image on the Single Products pages like I have on my other pages, or is that not available since the Advanced Layout Builder is not usable with Woocommerce?
Thanks for your help.
Hi,
This plugin should help you: https://br.wordpress.org/plugins/regenerate-thumbnails/
Best regards,
John Torvik
Warning: Missing argument 3 for avia_woocommerce_gallery_thumbnail_description() in /home/content/a2pewpnas01_data03/91/4019791/html/wp-content/themes/enfold/config-woocommerce/config.php on line 1360
Warning: Missing argument 4 for avia_woocommerce_gallery_thumbnail_description() in /home/content/a2pewpnas01_data03/91/4019791/html/wp-content/themes/enfold/config-woocommerce/config.php on line 1360
Hi!
I’ve imported the Minimal Portfolio Demo content and when I set the Portfolio Grid to 3 columns within a One Third section, the overlay for the hover in the thumb down’t show up; if I just set the Portfolio Grid to 2 columns the overlay for hover state shows fine.
Is it because they’re too small? how can I display the hover in small thumbs?
I can dispense with the icon, but at least, I need the overlay to show up.
¡Thanks!
Hi jurgen1979,
Here is some theory for you to consider :)
Best regards,
Victoria
http://www.responsinator.com/?url=http%3A%2F%2Fwww.lowcarbx.com%2Flp-masterclass%2F
Hi Yigit :)
I have serious problems with the layer slider. i have purchased the pro version. please take a look.
i have done all updates but there is still an error with the preview thumbnails at responsive view. the tumbs should be at the bottom of the slide not in the center.
please help. i have created an backend login for you. all the best, greetings from vienna, alexander
Yiğit Bey Merhabalar,
Uzun zaman oldu görüşmeyeli nasılsınız? Eklenti güncellemesi sonrası sitemizde problemler oluştu. Sanırım woocomerce ile ilgili. Forumda araştırdım, çoğu kullanıcıda aynı problemler oluşmuş. Ürün isimlerindeki fontlar büyüdü ve ürün sayfalarında aşağıdaki hatalar yazmaya başladı.
Warning: Missing argument 3 for avia_woocommerce_gallery_thumbnail_description() in /vhosts/armadacini.com/http/wp-content/themes/enfold/config-woocommerce/config.php on line 1255 Warning: Missing argument 4 for avia_woocommerce_gallery_thumbnail_description() in /vhosts/armadacini.com/http/wp-content/themes/enfold/config-woocommerce/config.php on line 1255
Warning: strtolower() expects parameter 1 to be string, array given in /vhosts/armadacini.com/http/wp-content/plugins/woocommerce/includes/wc-product-functions.php on line 1051
Çözümü için ne yapmamız gerekiyor? Desteğinizi bekliyorum
Teşekkürler.