Hi,
These are the generated thumbnails when I uploaded the main-image-5.jpg in my local installation.
// https://imgur.com/a/rKXBthQ
The 1500×1000 thumbnail is only 54 kB. I added the filter above prior to the upload. You may need to manually upload the image instead of using the “regenerate” button. Or try to use this plugin.
// https://wordpress.org/plugins/force-regenerate-thumbnails/
Best regards,
Ismael
Hey,
Sorry for the late reply!
Please try uploading your images in 1500x500px.
You can also try the following:
1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
2. Go to Settings > Media
3. Change the entry_without_sidebar image size (increase its width / height).
4. Regenerate the thumbnails by clicking the button at the bottom.
Best regards,
Yigit
Hey guys,
Is there some quick css you can provide to place all Catalogue Thumbnails above the Title and Price?
Many thanks,
Steve
Hi is it possible to get a gallery with a thumbnail slider under it, a list of thumbnails that can be scrolled as well ?
When i try the thumbnails underneath the big preview i get very blurry thumbnails, besides i would like a single line of thumbnails that can be scrolled horizontally.
Thanx!
LInk to blurry thumbnails
(at the bottom of the page)
Hi dokuz,
I have added this php code at the bottom of your functions.php (I would suggest using a child theme):
add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
return array(
'width' => 650,
'height' => 650,
'crop' => 0,
);
} );
then regenerated the thumbnails and that fixed it.
Best regards,
Nikko
Hey,
Currently unable to open a ‘Catalogue Element’ Thumbnail image in a lightbox?
When the thumbnail is clicked, it simply opens the url of the image.
In “Edit List Item” I have this option selected:
“Open bigger version of Thumbnail in lightbox (image needs to be set)”
How can I set it to open in a lightbox rather than a url?
Many thanks,
Steve
Hi Yigit, yes, it’s the latest version. Due to the update, I wanted to use the widget. Actually I’m using a plugin but I love the idea of self hosted thumbnails…
sorry, I’ve edited the URL, still using a subdomain for staging!
again the 200 error.
-
This reply was modified 7 years, 10 months ago by
Mirscha.
I tried checking the documentation, but the Horizontal Gallery isn’t there.
Can someone tell me the difference between the Gallery and the Horizontal Gallery?
I have a Gallery element on a client’s site, and he’s asked me to have the “slideshow” start automatically, at least for mobiles, instead of having to tap the top image, or double tap a thumbnail (the first tap just changes the top, large image). Is this possible???
He also says it’s “not working right” on mobile devices. Well it works right on all my mobile devices, which include several Android tablets, a Samsung Galaxy S7, another Android phone, a friend’s iPhone 8, and an old iPhone 4 I use for tech support. Apparently it does not work right on my client’s iPhone 10 or his wife’s iPhone 7, and of course that’s what’s important to him. He sent me a screen shot, and the screen shot shows only the darkening layer of the lightbox; the actual image does not display for him. Does anyone have any idea why this might happen?
I load the images into the media library and after a few minutes they disappear and the thumbnails turn gray
Just by clicking on the Regenerate thumbnails button for the image https://www.sketchengine.eu/wp-content/uploads/main-image-5.jpg
Hey!
Odd. How do you regenerate the thumbnails? Please provide the login details and the link to one of the images in the private field.
Cheers!
Ismael
Hi,
I just regenerate the thumbnails, not sure why it happen/
Best regards,
Basilis
Hi Mike,
we know enfold and the functions.
This was not our question. And when we would like to use some thumbnail sizes less it is easy to write this in the child function.
But back to the problem: We upload a picture with the following size and weight: 700px x 300px and 38,5 KB weight.
Then enfold generates 12 additional pictures (functions.php line 146 to 158) and some of the pictures are heavier than the original picture. Some pictures have now a weight between 80 and 120 kb. 120 Kb is 3 times heavier than the original picture?
Why?
Regards
Biggy
Hey Sujohn,
The whole function would begin with “if(”
Try using this:
if(!function_exists('avia_post_nav'))
{
function avia_post_nav($same_category = false, $taxonomy = 'category')
{
global $wp_version;
$settings = array();
$settings['same_category'] = $same_category;
$settings['excluded_terms'] = '';
$settings['wpversion'] = $wp_version;
//dont display if a fullscreen slider is available since they overlap
if((class_exists('avia_sc_layerslider') && !empty(avia_sc_layerslider::$slide_count)) ||
class_exists('avia_sc_slider_full') && !empty(avia_sc_slider_full::$slide_count) ) $settings['is_fullwidth'] = true;
$settings['type'] = get_post_type();
$settings['taxonomy'] = ($settings['type'] == 'portfolio') ? 'portfolio_entries' : $taxonomy;
if(!is_singular() || is_post_type_hierarchical($settings['type'])) $settings['is_hierarchical'] = true;
if($settings['type'] === 'topic' || $settings['type'] === 'reply') $settings['is_bbpress'] = true;
$settings = apply_filters('avia_post_nav_settings', $settings);
if(!empty($settings['is_bbpress']) || !empty($settings['is_hierarchical']) || !empty($settings['is_fullwidth'])) return;
if(version_compare($settings['wpversion'], '3.8', '>=' ))
{
$entries['prev'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
$entries['next'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
}
else
{
$entries['prev'] = get_previous_post($settings['same_category']);
$entries['next'] = get_next_post($settings['same_category']);
}
$entries = apply_filters('avia_post_nav_entries', $entries, $settings);
$output = "";
foreach ($entries as $key => $entry)
{
if(empty($entry)) continue;
$the_title = isset($entry->av_custom_title) ? $entry->av_custom_title : avia_backend_truncate(get_the_title($entry->ID),75," ");
$link = isset($entry->av_custom_link) ? $entry->av_custom_link : get_permalink($entry->ID);
$image = isset($entry->av_custom_image) ? $entry->av_custom_image : get_the_post_thumbnail($entry->ID, 'thumbnail');
$tc1 = $tc2 = "";
$class = $image ? "with-image" : "without-image";
$output .= "<a class='avia-post-nav avia-post-{$key} {$class}' href='{$link}' >";
$output .= " <span class='label iconfont' ".av_icon_string($key)."></span>";
$output .= " <span class='entry-info-wrap'>";
$output .= " <span class='entry-info'>";
$tc1 = " <span class='entry-title'>{$the_title}</span>";
if($image) $tc2 = " <span class='entry-image'>{$image}</span>";
$output .= $key == 'prev' ? $tc1.$tc2 : $tc2.$tc1;
$output .= " </span>";
$output .= " </span>";
$output .= "</a>";
}
return $output;
}
}
Best regards,
Mike
I have successfully hidden all the meta data using the magazine element, the item I’d love help with is centering the thumbnail and the title text on the vertical…
So as it is right now, hiding the meta data simply just hides it… but leaves a blank space where it once was…
What do you think?
You can see what I’m talking about on this page, scrolling down to the professional journal.
Thanks!
Hello Support,
the default comment form of my blog seems to be ok.
Please see here:
http://www.eymann.info/download/form_ok.png
But when I reply on a given comment the form is broken. The field alignment is scrambled.
Please see here:
http://www.eymann.info/download/form_broken.png
The URL of the site is: https://www.videospielgeschichten.de/mea-culpa-kingdom-come-deliverance/#comments
Maybe it has something to do with some style changes in have in my child theme css.
Therefore i list my custom.css here:
/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
/* General Custom CSS */
/* Standard comment text */
#top .comment_text {
font-size: 14px;
}
/* Category title */
.custom-cat-title {
font-family: Roboto;
font-size: 30px;
letter-spacing: 2px;
text-transform: uppercase;
}
/* Category link color */
/*.blog-categories a {
color:#02a8e8 !important;
}*/
/* Latest comments */
#top .recentcomments {
font-size: 14px;
}
/* Submit buttons */
input[type="submit"]{
font-size: 14px !important;
}
/* Comment reply */
#top .comment-reply-link {
font-size: 14px;
}
/* Meta info post */
.html_elegant-blog #top .post-entry .minor-meta {
font-size: 13px !important;
}
/* Meta info blog grid */
.html_elegant-blog #top .slide-meta-comments {
font-size: 13px !important;
}
.html_elegant-blog #top .slide-meta-del {
font-size: 13px !important;
}
.html_elegant-blog #top .slide-meta-time {
font-size: 13px !important;
}
/* Comment author name */
.html_elegant-blog #top .comment_author_name {
text-transform:uppercase !important;
}
/* Comment meta info */
.html_elegant-blog #top .comment-meta {
font-size: 13px !important;
}
/* Post grid h3 */
h3.slide-entry-title{
font-size: 1.3em !important;
}
/* Reading time not on pages*/
.page .rt-reading-time {
display: none !important;
}
/* Reading time formatting*/
.rt-reading-time {
font-size: 13px !important;
margin-top:15px;margin-bottom:15px;
}
/* Blog post */
.html_modern-blog #top .post-entry .post-meta-infos {
float: none;
}
/* Align meta infos under post title */
.html_modern-blog #top.single-post .post-entry .post-meta-infos {
margin-top: 0px !important;
padding: 0px !important;
top: -22px !important;
}
/* Blog post image */
.html_elegant-blog #top.single-post .entry-content-wrapper .big-preview.single-big {
margin-top: 0px !important;
margin-bottom: 30px !important;
padding-bottom: 0px !important;
}
.page-thumb {
margin-top: 0px !important;
margin-bottom: 30px !important;
padding-bottom: 0px !important;
}
/* Dropcap at post beginning */
.vsg_big_letter {
float: left;
font-family: Georgia;
font-size: 70px;
line-height: 60px;
padding-top: 2px;
padding-right: 10px;
padding-left: 1px;
}
/* Show page image in full size */
.page-thumb img {
width:100% !important;
}
/* Author bio description */
.single .author_description_text p {
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.single .author_description_text p {
margin-left: 130px;
margin-right: 50px;
}
}
/* Do not show sidebar on mobile */
@media only screen and (max-width: 990px) {
#top #main .sidebar { display: none !important; }
.content { width: 100% !important; border: none !important; }
}
/* Magazine style formatting */
#top .av-magazine-content-wrap {
min-height: 161px;
}
#top .av-magazine-thumbnail img {
width: 100%;
}
#top .av-magazine-thumbnail {
width: 161px;
min-height: 161px;
}
#top .av-magazine-time {
float: right;
}
/* Comment content and gravatar */
#top .comment_content {
margin: 0;
padding: 0;
}
#top .gravatar {
float: none;
margin-bottom: 20px;
}
#top .comment_content {
position: relative;
overflow: visible;
}
#top .comment-header {
position: absolute;
left: 80px;
top: -70px;
}
#top .commentlist ul {
margin: 0 0 0 34px;
}
/* Align meta infos under post title (for landing page) */
.html_modern-blog #top.page-template-default .post-entry .post-meta-infos {
margin-top: 0px !important;
padding: 0px !important;
top: -22px !important;
}
.html_modern-blog #top.page-template-default .entry-content-wrapper .big-preview.single-big {
margin-top: 0px !important;
padding-bottom: 0px !important;
}
/* Pagination meta info */
#top .main_color .pagination .pagination-meta{
font-size: 14px;
}
#top .main_color .pagination .current{
font-size: 14px;
}
#top .main_color .pagination .inactive{
font-size: 14px;
}
/* Removing Excerpt Text from Grid Style Blog Page
.slide-entry-excerpt {
display: none !important;
}
*/
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
/* Sidebar */
.sidebar_right .comment_container {
padding-right: 50;
}
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
/* Sidebar */
.sidebar_right .comment_container {
padding-right: 0;
}
/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 50px;
}
.responsive #top #wrap_all #header {
position: fixed;
}
}
}
Please give me advise.
Kind regards
Andre
I tried using some PHP code that I had found on the Internet. I ended up removing this particular code from the child theme functions.php file, and I started using the Yoast SEO plugin. The Yoast plugin seems to provide the meta functionality for Facebook.
Here is the code that did not seem to work:
function add_opengraph_doctype( $output ) {
return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
}
add_filter('language_attributes', 'add_opengraph_doctype');
//Lets add Open Graph Meta Info
function insert_fb_in_head() {
global $post;
if ( !is_singular()) //if it is not a post or a page
return;
echo '<meta property="fb:admins" content="1600152201"/>';
echo '<meta property="og:title" content="' . get_the_title() . '"/>';
echo '<meta property="og:type" content="article"/>';
echo '<meta property="og:url" content="' . get_permalink() . '"/>';
echo '<meta property="og:site_name" content="Namz Custom Cycle Products"/>';
if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
$default_image="https://new.namzcustomcycleproducts.com/staging/wp-content/uploads/2018/05/namz-fb.jpg"; //replace this with a default image on your server or an image in your media library
echo '<meta property="og:image" content="' . $default_image . '"/>';
}
else{
$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
}
echo "
";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );
1. The blog excerpts should display by default. What element are you using? Please check the excerpts settings in the element.
I am using in the “Blog Layout” :
Elegant
Grid Layout
Single post with small preview image
Show thumbnails and display post title
Where are the excerpts settings please ?
Thank you,
Mips
Oh no, still a problem.
The tab with the content works, but it seems that the code causes a bug. I can´t klick on the other tabs anymore.
That´s the code:
[av_gallery ids='1675,1673,1670,1672,1819,1807,1806,1805' style='thumbnails' preview_size='thumbnails' crop_big_preview_thumbnail='yes' thumb_size='portfolio' columns='7' lazyload='avia_lazyload']
Hi,
The images or thumbnails are not supposed to display on the search results page by default. Did you modify the theme files before? The “Eanda Stool” image does not exist or is not found.
BRA_Eanda_Stool7-180×180.jpg:1 Failed to load resource: the server responded with a status of 404 ()
// https://hughescf.com.au/wp-content/uploads/2017/05/BRA_Eanda_Stool7-180×180.jpg
Best regards,
Ismael
Hi
I’ve resized my main image on Single product page to 50% of the width of the page. This also causes the product gallery images to be wider than the 80 or 100 px sizes that are default. I have used the regenerate thumbnails plugin to create thumbnails the right size (180 or 200px square) but some browsers, notably Chrome still display the 100 px size. These look stretched and blurry. How can I force the product gallery to display just the image size I want?
Removing that code does work but causes another problem. The code was added based on Kriesi support from topic https://kriesi.at/support/topic/images-not-displaying-on-all-attachment-pages/ where attachment images were not displaying on many (maybe safe to say most) attachment pages. That was the code that Victoria suggested that I add.
Is there a way to have all of 1) pictures showing on all attachment pages at all (problem with support topic linked above) 2) pictures on attachment pictures not be blurred until clicked on 3) logo display properly on the attachment media pages 4) pictures on media attachment pages showing larger than a thumbnail (see the small media attachment on one of the few pages that they display in private area)?
Hi brunet77,
In Appearance > Customize > Woocommerce > Product Images.
Main image width changes the size of product image size on the single product page (this is what you need to change)
The other size Thumbnail width affects everything else, shop images, related products, etc.
Best regards,
Nikko
antonGuest
How can I get help from you guys…
Our website is http://www.atlanticsurfco.co.za
Warning: Missing argument 3 for avia_woocommerce_gallery_thumbnail_description() in /home2/atlantic/public_html/wp-content/themes/enfold/config-woocommerce/config.php on line 1245
Warning: Missing argument 4 for avia_woocommerce_gallery_thumbnail_description() in /home2/atlantic/public_html/wp-content/themes/enfold/config-woocommerce/config.php on line 1245
This is the problem we have on our site.
Thanks
Anton
Hi,
I did not find the right format of notation or the code does not work.
The following notations do not work:
function av_return_100(){ return 60; }
add_filter('jpeg_quality', 'av_return_100');
add_filter('wp_editor_set_quality', 'av_return_100');
add_action('after_setup_theme', function() {
function av_return_100(){ return 60; }
add_filter('jpeg_quality', 'av_return_100');
add_filter('wp_editor_set_quality', 'av_return_100');
});
This one works () but after regenerating thumbnails no changes.
function av_return_100(){ return 60;
add_filter('jpeg_quality', 'av_return_100');
add_filter('wp_editor_set_quality', 'av_return_100');
};
(I am not sure about it at all)
Can you please find a code which would have an effect?
Thank you for your reply, Basilis.
I’m not sure I explained it well enough, for which I’m sorry.
This is what it used to look like before the update:

And this is what it looks like after the update:

As you can see, the images look quite different, especially the banner image above the products, as well as the product thumbnails.
I would like it to look just the way it did before the update. How can I achieve that?
Hey Richard,
Thanks for giving us the link to your site, I checked on your homepage but I couldn’t see the gallery, but if you’re referring to the gallery images on your Gallery page then try to edit the gallery then set Thumbnail fade in effect to Activate animation on page load (might be preferable on large galleries)
Let us know if this helps :)
Best regards,
Nikko
Hi,
thank you, regenerating works now. But the size was not reduced. My original file has dimension 1500×1000 with the quality 90 and the size 145 kB. https://www.sketchengine.eu/wp-content/uploads/main-image-5.jpg
When I see the thumbnails (the quality 75, I tried also 50 and 5 and there was no difference) the thumbnails have the following sizes:
dimensions 1500×1000 – 414 kB
dimensions 1030×687 – 432 kB
It seems to me that it does not work because the sizes were preserved.
We’re running Enfold 4.3.2 on WordPress 4.9.5 with WooCommerce 3.3.5.
Updating to Enfold 4.3 caused a couple of issues with image thumbnail generation.
Here’s what the product category pages banner images should look like: 
For some reason though, the banner image is cropped instead of displaying it in full, so the text gets cut off. This was working before upgrading to the 4.3 branch.
As you can see, the thumbnails for single products are misaligned since they were scaled to a different size. I’ve tried a lot of different settings in the customizer, but couldn’t get it to work as it did before. I have run thumbnail regeneration a couple of times already, but it didn’t help either.
I have created an admin account for you, the credentials should arrive shortly at your email address from your “Legal Information” page.
Any help would be greatly appreciated. Please let me know if you need any additional information.
Thank you!
Thanks Rikard
That did fix the height but then the image was stretched across the full width out of proportion.
I tried adding width: auto but that just took me back to the original issue.
Can I set the image to be kept in proportion?
BTW I did regenerate the thumbnails.
Thanks