-
Search Results
-
In reply to: Enfold Shop – Woocommerce Produktbild Größe ändern
Hi Nikko,
thanks for reply.
As explained before and again, on my site the images of “shop_catalog” (which is equal to “woocommerce_thumbnail” also part of my mediathek) are delivered in 360×540 and not as you say 450×450. But this not the point.
The point is, I must have a format ca. 200×300 to fit in the site’s design, because we have 4 columns on shop page instead of default 3. So, easily to understand: each product image is concerned, anywhere on the site!
By now ,all these images seem to be scaled down by CSS or whatever function of WP / Woo / Enfold, so the frontend appears ok. But as the systems deliver a bigger format than actually needed, the data are bigger than they should be. Which means: bad loading time, bad ranking.
I tried all the usual settings in customizer, WP settings, with and without plugins “simple-image-sizes” and / or “regenerate thumbnails” and / or EWW, and even some code, which I picked from some of your older posts in a similar topic – Nothing ever changes.
Putting “$avia_config[‘imgSize’][‘shop_catalog’] = array(‘width’=>200, ‘height’=>300);” in the WP > Enfold Child > General Design settings has no effect.
Any suggestions?
kind regards, joergI think I saw the checkbox after I select a thumnail image that I can choose whether it has appeared on top of the post.
but after I updated I don’t see the checkbox and I can’t choose disappeared thumbnail in every single new post.
previous posts are showing that I wanted and checked not to show the thumbnail image.
but when I create a new one, it shows itself which is annoying to me. please let me know how to change. Thanks.
In reply to: Enfold Shop – Woocommerce Produktbild Größe ändern
Hi Joerg,
The defaults in Enfold are:
$avia_config['imgSize']['shop_thumbnail'] = array('width'=>120, 'height'=>120); $avia_config['imgSize']['shop_catalog'] = array('width'=>450, 'height'=>450); $avia_config['imgSize']['shop_single'] = array('width'=>450, 'height'=>999, 'crop' => false);but this can be overriden in the Theme Customizer > Woocommerce.
I can’t really find 192 x 290px image dimension anywhere in the code, can you point us to the right page? maybe it’s css.Best regards,
NikkoIn reply to: about lightbox
can you try this:
function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta) { $link = wp_get_attachment_image_src($attachment->ID, "full"); return $link; } add_filter('avf_avia_builder_gallery_image_link', 'avia_change_gallery_thumbnail_link', 10, 4);your code should work too – i have that on my memory board for enfold too – but maybe this will do the job for you
Topic: about lightbox
Hi, I have a big problem with lightbox because it does not enlarge enough the images presented with gallery + thumbnails. In some cases the landscape image in lightbox is smaller or equal to the original. Images are loaded with dimensions of 2880×1620.
I had already asked for a solution long ago, I was recommended this snippet but it doesn’t work:
function enfold_customization_change_popup_size( $size ) { return 'fullsize'; } add_filter( 'avf_avia_builder_masonry_lightbox_img_size', 'enfold_customization_change_popup_size' ); function avia_change_gallery_thumbnail_link($size){ return "full"; } add_filter('avf_avia_builder_masonry_lightbox_img_size', 'avia_change_gallery_thumbnail_link', 10, 1); function change_lightbox_size() { return "full"; } add_filter('avf_avia_builder_helper_lightbox_size','change_lightbox_size', 10);Example gallery and access token in private data
thanksIn reply to: Enfold Shop – Woocommerce Produktbild Größe ändern
Hi Nikko,
I tried it, but there is no change. Meanwhile I found a lot of similar questions on Images sizes in the support blog. It’s a mess.
The EWW optimizer plugin tells me, the images are forced to 193 x 290 (by CSS or Enfold, I guess) but their original size is still the same. Which means too much loading time, as this is the only interesting thing about it.
Is it possible that the EWW and Regenerate Thumbnails informations are misleading?
By the way, in Settings > Media I can change only the standard WP-Sizes, not the Woocommerce and Theme formats.
Kind regards, JoergHi,
We would like to apologize for the late response.
The product thumbnails in the footer widgets are 100x100px in size. All of them. Is this fixed? The product widget in the sidebar is no longer there, so we were not able to check it.
Best regards,
IsmaelHi,
The real main problem however is that it is generating all images sizes for EVERY image in a post and not just the primary image.
That’s how WordPress handles images. It’s going to generate the predefined thumbnails for every images uploaded to the site. The only way to stop it is by removing the thumbnails. Now, I understand what you’re saying about the CPU consumption but it should only happen once or while the image upload is processing and only in the back end. It shouldn’t be happening in the front end after the images have been uploaded.
@goldengate415: Thanks for the confirmation.Best regards,
Ismaelhow does switching hosts fix the issue ?
this wasteful activity is occurring by default on all images and post types and not only puts additional strain on the server but bloats the hosting space making backups take longer to complete if you are able to run a backup successfully at all, and due to too many innodes (too many files) 3rd party backup services such as I use provided by managewp simply fail because the uploads directory exceeds capacity of those backup services.
Moving hosting services so that the hosting account can better accommodate the problem instead of asking for core and theme devs to please understand this behaviour is hurting smaller hosting accounts and is just wasteful behaviour that can only lead to more trouble and support issues than are necessary seems better than just spending more money or larger hosting and larger backup plans.Too many images being generated causes many performance problems on top of the obvious annoying issue of wasted hosting space and painful backing up and over time the issue gets worse as more images are constantly added into the equation so you will have to constantly upgrade hosting and backup plans as it gets more bloated.
The problem will become very evident if you ever need to move your site and have to transfer a massive uploads directory so you decide to reduce it in size and discover you have 20x versions of every image found in every post type you have made in the past 5 years or more (nightmare)..
I think the only answer is for theme developers whos themes add additional image sizes to wordpress to put some controls into the theme settings regarding their additiaonl image sizes and rather than have all images being generated for all post types it would be better to have by default NO images generated at all other than the featured “thumbnail” and any sizes that specific post type requires and any other image sizes are only generated depending on if they are needed in that Specific Post Type..
EG: woocommerce product page only generates the woocommerce image sizes required and does NOT generate portfolio sizes (for instance)
AND a portfolio post type only generates the Portfolio size images and does not generate woocommerce size images… etc etc
AND there needs to be prevention to only create those sizes for the first featured image NOT for image 2,3,4,5,6,7 etcAnd for other sizes let the user have some control in the theme settings area to simply switch them on and off
so they are more aware of the image sizes taking up space or not.
additional control allowing us to not only switch a specific size off but also to delete all previously generated images of that specific size would be helpful also. eg if I have NO portfolio pages, let me delete all portfolio image sizes that have previoously been generated without having to use third party plugins that will generate EVERY THUMBNAIL at EVERY SIZE and crash a server.Again though there are 3 important questions here that first need to be answered
1) why are all image sizes for all post types being generated instead of just those sizes required for the specific post type ?
2) Why are additional images in the body of a post having all additional image sizes generated when they wont ever be called for ?and the big one : Can the theme settings provide us with control over this behaviour?
In reply to: Featured Image -Posts
Quick related question…I want the entry_with_sidebar size to be taller so it has a 16:9 aspect ratio. I added this to the functions.php file in my child theme:
$avia_config[‘imgSize’][‘entry_with_sidebar’] = array(‘width’=>845, ‘height’=>475);I just uploaded a new image into the media library, but the image size for that variation is still as programmed in the theme, 845×321. There doesn’t seem to be any effect to the change in functions.php.
Caching is off. There are no thumbnails to regen because this was a newly uploaded image. The image in question is called “staci-overholt-shower-16×9.jpg”
Is there anything else needed to make that image size change take effect? Any ideas on what I may be missing?
In reply to: Custom Advanced Layout Builder Elements
UPDATE
Five new elements have been added!Elegant Title – It is an animated title banner element for displaying longer titles or quotes. It is 99% complete…just have to figure out how to make it so that the animation doesn’t start until it is in view….so I recommend using this at the top of a page. Devs, I need help to integrate the animation delay that is baked into Enfold already.
Flyout Button – This is just a standard button, but it has animated flyout sections for the top or bottom or both where you can include added details. Great for download buttons so you can display the filename and size.
Art Frame – A pure CSS frame for displaying artwork nicely rather than as a simple thumbnail with a border.
Art Frame Product – An adaptation of the prior element but includes all you would need to display said artwork as a product you can sell via WooCommerce….like the price, dimensions, etc.
Filetype Icons – Some sites like to offer downloads in various different file types. This array allows you to display several icons where the filetype extension is displayed on an icon in the color you choose.
As always, let me know what you think and if you have any issues! Also, please consider buying again if you bought a long time ago and buying each time you use for a client to help spur more updates! All of the proceeds go to help those in need….buying a homeless person some new shoes or food, or a local charity. Thank you!!!!
In reply to: IMAGES NOT LOADING TO MEDIA LIBRARY
Hi,
Thank you for the login, I tested 3 images:
800×533
1600×1066
2272×1514
The first two worked fine, I last one didn’t. It seems that the size has a bearing on the thumbnails showing, but I was not able to reproduce this on my install, so I would say it has to do with your server. You could ask GoDaddy if the server log shows an error for why this is occurring, but it is strange because it’s only on the thumbnails, the images are uploading.
You could also try the Force Regenerate Thumbnails plugin to see if that helps.Best regards,
MikeIn reply to: IMAGES NOT LOADING TO MEDIA LIBRARY
Hey Mavone1,
I tried to take a look at your issue, but I couldn’t login without a user ID, please include.
So you can not upload images to your media library? Or the images are uploading but you can’t see the thumbnails in the media library?Best regards,
MikeHi,
I’ve wasted most of the day trying to do the simplest thing. I have a wide logo that is now much smaller than it should be. Just half the height of the header. If I use inspect in Chrome it says 350×50.
I need height to be at least 80px.
I’ve searched through your posts and support. I get nothing. I can manually resize the logo in “inspect” in chrome, but it seems the logo is a thumbnail so it gets pixelated. The image shown is not the original.
Ive wasted the better part of the day to this issue. Its should NOT be this complicated to handle a logo. Its crazy. I’ve worked with enough themes to know that.
Pls help!
In reply to: Change Default Thumbnail Image Size
Hey Andrea,
Please refer to the following:
Best regards,
Jordan ShannonOn https://www.neurocorecenters.com/blog I was trying to change the image thumbnail that came up to be a little rectangle. What is the best way to go about doing that?
ok fair enough ..still extremely wasteful but I get it when it comes to the main image.
I also realise I can just set all the image sizes I dont want generated to 0 x 0 now, which is fine and gets me out of some of the excesssive images issue..The real main problem however is that it is generating all images sizes for EVERY image in a post and not just the primary image.
I have been importing products into woocomerce and some of them can have 10 images in the post so just saving one product with that many images can eat a shared servers CPU up because it is generating 15 image sizes for 10 images = 150 images..
importing 500 products is an impossibility with that happening. regenerating thumbnails also spikes a server until the process completes and with image heavy products and posts it is impossible to use because it chews up 100% CPU until the process completes which on hostgator shared servers just gets booted..I do want additional images for the first image, I do want to use the right size images for widgets, thumbnails etc…
However we only need the various thumbnails for the first primary image that is going to be used in thumbnail and widget locations however wordpress does this activity for each and every image in a post not just the primary image.I only want to stop all images being generated for the additional 2nd, 3rd, 4th images etc
how can we stop that wasteful behaviour?In reply to: register / overwrite image sizes do not work
Hi heiratenmitstil,
You can try the code like this:
function avia_change_image_size_array() { global $avia_config; $avia_config['imgSize']['widget'] = array('width'=>80, 'height'=>80); $avia_config['imgSize']['square'] = array('width'=>300, 'height'=>300); // small image for blogs $avia_config['imgSize']['featured'] = null; $avia_config['imgSize']['extra_large'] = null; $avia_config['imgSize']['portfolio'] = null; $avia_config['imgSize']['portfolio_small'] = null; $avia_config['imgSize']['gallery'] = null; $avia_config['imgSize']['entry_with_sidebar'] = null; $avia_config['imgSize']['entry_without_sidebar'] = null; $avia_config['imgSize']['featured_large'] = null; $avia_config['imgSize']['magazine'] = null; $avia_config['imgSize']['masonry'] = null; $avia_config['imgSize']['shop_thumbnail'] = null; $avia_config['imgSize']['shop_catalog'] = null; $avia_config['imgSize']['shop_single'] = null; if(avia_get_option('responsive_layout') == "responsive responsive_large") { $avia_config['imgSize']['gallery'] = null; $avia_config['imgSize']['entry_with_sidebar'] = null; $avia_config['imgSize']['entry_without_sidebar'] = null; } } add_action( 'init', 'avia_change_image_size_array');But you’ll need to regenerate thumbs anyway and for that you need a plugin.
Best regards,
VictoriaHi,
Thanks for the update.
It would be awesome if we can generate images on the fly or when the page load but that’s not possible with WordPress. However, there is a way to remove the predefined image sizes or thumbnails by using the remove_image_size function. This will prevent the creation of multiple versions of the source image. Example of the function can be found in the following thread.
// https://kriesi.at/support/topic/responsive-content-images-retina-screens/#post-1077293
This will eliminate all thumbnails but do note that this will cause the site to always use the full size or the source image instead of the smaller versions.
Best regards,
IsmaelIve recently been using the Caching and Javascript plugins in the topic title.
Since using them my site doesn’t load correctly and some parts are broken. i.e portfolio thumbnails and the sticky header.
The site sometimes loads correctly in chrome but reverts back to a broken link.
Im also getting an error that there is no title tag set.
In reply to: Fullscreen Slider + multiple images + sort order
Hey Christian,
Thank you for using Enfold.
You can use the arrow beside the thumbnails to sort the slider images. The same thing can be done for the audio player element.
Best regards,
IsmaelIn reply to: Unknown thumbnails being created
Hi zimbo,
Yes, here are the image sizes used in Enfold:
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news $avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs $avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => false); // images for fullscrren slider $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns $avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 ); // images for magazines $avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321); // big images for blog and page entries $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 ); // images for fullsize pages and fullsize sliderif woocommerce is activated here are some image sizes added:
$avia_config['imgSize']['shop_thumbnail'] = array('width'=>120, 'height'=>120); $avia_config['imgSize']['shop_catalog'] = array('width'=>450, 'height'=>450); $avia_config['imgSize']['shop_single'] = array('width'=>450, 'height'=>999, 'crop' => false);Best regards,
NikkoIn reply to: Serve scaled images – one more time
Hi,
Thanks for the update.
Did you adjust the size of the “masonry” thumbnail in the Settings > Media panel after activating the plugin? You need to regenerate the thumbnails or images after the adjustment in the same panel.
Best regards,
IsmaelIn reply to: Masonry portfolio image sizes
Hi Basilis,
I try to change the image size, regenerate thumbnails, but the image just zooms and gets worse in quality. The actual masonry items do not change in size. I have attached images of the changes.
Inspecting the element, the size doesn’t change from 349px x 276px
In reply to: Paypal button
Dear Yigit
Sorry but I could not process your return but the problem is still present.
Thank you for telling me if you can treat it and if I have to do the operation you asked me:
install and activate ” Temporary Login Without Password “….When I add the button
Product Purchase Button
https://www.riverson.fr/boutique/skate/classic-short-board-carbone/?preview_id=1980&preview_nonce=4afa45e7d4&_thumbnail_id=1578&preview=trueI have the information Tarif, add to cart but there is also the Paypal Buy button that appears.
Except error but I did not do any manipulation so that it appears.
I would like to delete itIt also appears on the page
I would like to delete it
It should only appear on the page
The customer can pay paypal or by CB which is ok for me
Thanks for your return.
Best regard.
Emmanuel LE RET
here are some screenshots demonstrating the issue on the homepage for the Recently viewed products widget and the main product catalog images.. expected sizes are 300×300 for catalog and 100×100 for widget thumbnails.. as shown they are various sizes.
next is images displayed in the footer area that are using the new products and top rated widgets
again note images of various sizes and none 100×100
here is the child theme quick css.. (was also present in main theme)
here is child modified functions
here is woocommerce customizer settings
and finally here are image settings according to simple image sizes plugin (yes after they have been regenerated)
thanks
wordpress version: 5.1.1
woocommerce version: 3.5.6
enfold version: 4.5.4
enfold child version: 1.0
php version 5.6 (have tried switching to 7.1 but it didnt solve anything and caused issues with some plugins)I am at my wits end trying to fix this image sizing problem.. nothing is making sense
I am Using enfold with the child theme however this is only after atempting to fix this same issue with the main themeI have done all the usual troubleshooting, remove all plugins , reinstall theme, reinstalled child, reinstalled woocommmerce, tried regenerate thumbnails etc etc
I have tried to solve this perplexing problem with all of the images used in widgets being undesired sizes
first was too small size of 36×36 so tried to increase them all to 100×100
should have been simple but after doing what seems obvious not a single woocommerce widget image is 100×100 they are all over the place using every other size but that and weird things is when I navigate around and keep checking these widget images occasionally they are correct, then they are incorrect again, then they are blury, then they are using the larger images.
nothing makes sense..first discovered an issue while trying to fix pagespeed and finding large and small images being resized causing issues that started with blury product thumbnails in the woocommerce widgets then I discovered the widgets are pulling various images at various sizes and seem to change which ones they pull on their own although the correct images have been generated in simple image sizes plugin and do exist in the uploads folder.
nothing is helping or making any sense.killing all plugins accept woocommerce gives the same results..
First problem was setting widget sizes to 100×100 instead of tiny 36×36
I followed various fixes found in the forums,
edited the quick css as follows – did fix things correctly a while ago but now this is not working anymore.
/* WooCommerce Widgets */
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img {
width: 100px;
}I also added the following to functions
avia_config[‘imgSize’][‘widget’] = array(‘width’=>100, ‘height’=>100); // small preview pics eg sidebar news
add_filter( ‘avf_modify_thumb_size’, ‘enfold_customization_modify_thumb_size’, 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
$size[‘widget’] = array(‘width’=>100, ‘height’=>100);
return $size;
}and the following to the child style:
#top .news-thumb, #top .news-thumb img {
width: 100px;
height: 100px;
}None of that has helped…
I have also installed simple image sizes and ensured that widget size was specifed at 100×100
also set other image sizes for woocomerce and shop images sizes as follows:
shop_thumbnail 100×100
shop_catalog 300×300
shop_single 450x 999
swatches_image_size 32×32 (only one that is working as expected)
woocommerce_thumbnail 300×300
woocommerce_single 450×0
woocommerce_gallery_thumbnail 100×100After setting the sizes I then ticked those sizes to regenerate them in simple image sizes ..
regenerated images – new problem – this causes every single image in entire site to regenerate all sizes … locked up and crashed my hosting server so hostgator kicked me off for a day..
Unfortunately simple image sizes did not just do the woocommerce images as ticked but did all images on the server and crashed it.After a day of trying to get hostgator support to allow me back in with IP address access only I got back in I saw that image sizes on the front end homepage were still randomnly blury, some were clear, some blury.. right clicking on various images in the widgets “latest products” “new products” reveals not a single image using 100×100 all are using various sizes as specified above (300×300, 450×450, 36×36) but all settings are correct, checking FTP all 100×100 images have been generated and exist but the theme is NOT using them.
I tried again to recheck child theme and edited child Functions and css as per other forum threads..
double checked image size settings in appearance\customise\woocommerce set to 450×450 and 300×300 as desired
double checked enfold settings, quick css.. all as desired..Why are none of the widget images being used 100×100?
After all of the above if you visit the homepage which has the images for woocommerce displaying and right click on them you will see all various sizes being called. NOT 100×100 for widgets and 300×300 for the catalog images as expected. single product pages do seem to be ok…
I have been dealing with this for days, tried various browsers , differnet PCs, hostgator support…
woocommerce support, wordpress support,
nothing is working …Everything was fine a few months ago…
everytime I try and work on the issue and have to regenerate thumbs the server crashes because those plugins are not just generating the ticked specified sizes or post types (products) they are generating thousands of images…I am probably missing something small and obvious but can someone explain what I’m missing here ?
In reply to: Enfold Shop – Woocommerce Produktbild Größe ändern
Hi Joerg,
Can you try using this plugin: https://wordpress.org/plugins/simple-image-sizes/
Then go to Settings > Media, change the sizes and regenerate the thumbnails, so far this plugin works fine, maybe this will work on your site.Best regards,
Nikko
