-
AuthorPosts
-
June 26, 2018 at 2:36 pm #977950
Hallo,
Ich versuche seit vielen Stunden das Produktbild auf der Shop Einzelseite zu verkleinern.
Ich habe viele Einstellungen verändert und versucht aber das Bild wird wenn ich es mit firebug im browser anschaue in 328 x 171 pixel angezeigt?Ich habe bei keinen Einstellungen diese Größen gesehen deshalb verstehe ich das auch irgendwie nicht…
Regenerate Tumbnails Ansicht:
“Dies sind alle Vorschaubild-Größen, die aktuell registriert sind:thumbnail: 80×80 Pixel (passgenau zugeschnitten)
medium: 400×400 Pixel (proportionale Größenanpassung an die Innenabmessungen)
medium_large: 768×0 Pixel (proportionale Größenanpassung an die Innenabmessungen)
large: 1030×1030 Pixel (proportionale Größenanpassung an die Innenabmessungen)
widget: 36×36 Pixel (passgenau zugeschnitten)
square: 180×180 Pixel (passgenau zugeschnitten)
featured: 1500×430 Pixel (passgenau zugeschnitten)
featured_large: 1500×630 Pixel (passgenau zugeschnitten)
extra_large: 1500×1500 Pixel (proportionale Größenanpassung an die Innenabmessungen)
portfolio: 495×400 Pixel (passgenau zugeschnitten)
portfolio_small: 260×185 Pixel (passgenau zugeschnitten)
gallery: 845×684 Pixel (passgenau zugeschnitten)
magazine: 710×375 Pixel (passgenau zugeschnitten)
masonry: 705×705 Pixel (proportionale Größenanpassung an die Innenabmessungen)
entry_with_sidebar: 845×321 Pixel (passgenau zugeschnitten)
entry_without_sidebar: 1210×423 Pixel (passgenau zugeschnitten)
shop_thumbnail: 100×100 Pixel (passgenau zugeschnitten)
shop_catalog: 420×420 Pixel (passgenau zugeschnitten)
shop_single: 600×0 Pixel (proportionale Größenanpassung an die Innenabmessungen)
woocommerce_thumbnail: 420×420 Pixel (passgenau zugeschnitten)
woocommerce_single: 600×0 Pixel (proportionale Größenanpassung an die Innenabmessungen)
woocommerce_gallery_thumbnail: 100×100 Pixel (passgenau zugeschnitten)”Habe mir nach dam lesen im Forum das plugin “simple image sizes” istalliert und auch da finde ich die angezeigte Größe nicht…
Bildgrößenbezeichnung Breite Höhe Beschneiden
thumbnail 80 px 80 px Ja
medium 400 px 400 px No
medium_large 768 px 0 px No
large 1030 px 1030 px No
widget 36 px 36 px Ja
square 180 px 180 px Ja
featured 1500 px 430 px Ja
featured_large 1500 px 630 px Ja
extra_large 1500 px 1500 px No
portfolio 495 px 400 px Ja
portfolio_small 260 px 185 px Ja
gallery 845 px 684 px Ja
magazine 710 px 375 px Ja
masonry 705 px 705 px No
entry_with_sidebar 845 px 321 px Ja
entry_without_sidebar 1210 px 423 px Ja
shop_thumbnail 100 px 100 px Ja
shop_catalog 420 px 420 px Ja
shop_single 600 px 0 px No
medium_large 768 px 0 px No
woocommerce_thumbnail 420 px 420 px Ja
woocommerce_single 600 px 0 px No
woocommerce_gallery_thumbnail 100 px 100 px Ja
Bildgrößenbezeichnung Breite Höhe BeschneidenWo und wie müsste ich die Bildgröße für die Produkt Einzelseite ändern damit die Bilder Größer sind ?
Würde gerne 420 px breite Produktbilder auf der Einzelseite haben…
Vielen lieben Dank!June 26, 2018 at 6:48 pm #978074Hey Helmuth,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top.product-template-default.single.single-product .single-product-main-image { width: 45%; }
If you need further assistance please let us know.
Best regards,
VictoriaJune 26, 2018 at 9:15 pm #978150Hello Victoria,
Thank you very much – this works perfect !
One question again:
Are typed in “Enfold > General Styling > Quick Css” update safe?Thanks
Best regardsJune 26, 2018 at 9:44 pm #978159Hi,
Yes, those will be not be erased by an update.
Best regards,
Jordan ShannonMarch 7, 2019 at 10:49 am #1075904This reply has been marked as private.March 11, 2019 at 9:17 pm #1077482Hi brandgeist17,
Some WooCommerce display settings moved to the customizer. Please check it.
Best regards,
VictoriaMarch 12, 2019 at 12:49 pm #1077805Hi Victoria,
of course it is set to 200 (instead of 360), but apparently this has no consequence at all. GTmetrix tells me, all pictures remain 360px width. Regenerate Thumnails does not recognize any changes, too.
best regards,
JörgMarch 14, 2019 at 9:19 am #1078603Hi Jörg,
Can you please provide the page in question? The other link gives 404 now.
Best regards,
VictoriaMarch 14, 2019 at 12:21 pm #1078667This reply has been marked as private.March 18, 2019 at 4:09 pm #1079930Hi 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,
NikkoMarch 26, 2019 at 7:53 pm #1083231Hi 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, JoergMarch 27, 2019 at 6:25 am #1083419Hi 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,
NikkoMarch 27, 2019 at 11:33 am #1083516Hi 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, joergMarch 28, 2019 at 5:03 am #1083911Hi brandgeist17,
Try adding this code in functions.php:
add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 ); function enfold_customization_modify_thumb_size( $size ) { $size['shop_catalog'] = array('width'=>200, 'height'=>300); return $size; }
Best regards,
NikkoMarch 28, 2019 at 10:33 am #1084018Hi Nikko,
you mean the functions.php of the Child Theme? Done. Result: Empty white page.
Kind regards, JoergMarch 28, 2019 at 12:31 pm #1084068Hi Joerg,
Yes, can you turn on wordpress debugging and check what error it displays?
I have recommended this code several times already and it works properly.
If you can tell the error, it would be easier to identify.
Also can you post the codes in your functions.php in https://pastebin.com/ and post the link here, so we can atleast try to check your functions.php code.Best regards,
NikkoMarch 28, 2019 at 3:17 pm #1084128This reply has been marked as private.March 29, 2019 at 4:43 pm #1084619Hi brandgeist17,
I don’t see anything wrong with the code, I have tested it again and it doesn’t cause any error.
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ” rel=”nofollow” data-mce-href=”mailto: (Email address hidden if logged out) “> (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.Best regards,
NikkoApril 5, 2019 at 5:54 pm #1087544Hi Nikko,
somehow my reply from April 1 disappeard. Anyway, I gave you the login, please see private field. Temp. Login Limit is set to 3 days.April 7, 2019 at 6:16 pm #1088020Hi Nikko, I had to change the login, please see below
kind regards, joergApril 8, 2019 at 3:35 am #1088106Hi joerg,
I apologize for the delayed response.
I can’t get past through this popup window (even using the credentials), screenshot in private content.Best regards,
NikkoApril 8, 2019 at 9:04 am #1088173… I never used Temporary Login without Password before and it seems to not working properly, please see old method in private section below.
April 11, 2019 at 4:31 am #1089351Hi,
Thanks for the update.
We managed to access the dashboard but couldn’t edit the files through the Appearance > Editor panel. Please post the file server or FTP details in the private field.
Best regards,
IsmaelApril 11, 2019 at 9:48 am #1089475Hi Ismael,
I really don’t see your problem. I just logged in with your data and I can edit everything I like. Please see belowApril 12, 2019 at 1:34 am #1089807Hi,
We tried to add the snippet in the functions.php file but then we can got an error. We may need to add that filter via FTP.
Best regards,
IsmaelApril 12, 2019 at 10:21 am #1090000Please see below
April 15, 2019 at 2:51 am #1090801Hi,
Thanks for the update.
We have added the code in the functions.php file. Let us know if it helps.
Best regards,
IsmaelApril 15, 2019 at 5:11 pm #1091016Hi Ismael,
thanks. From my point of view, it makes no difference to the situation before. The pics are still marked as “forced to wrong format”. Please see screenshot enclosed.
kind regards,
JoergApril 17, 2019 at 11:19 pm #1092160Hi,
You have to regenerate the thumbnails or upload the product images again. Have you done that? Use this plugin if you haven’t already.
// https://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
IsmaelApril 29, 2019 at 11:16 am #1095220Hi Ismael,
I had to care for other things, so I answer only now: Of course I regenerated some of the pics in question in order to test the new setting. It makes no difference.
Kind regards, Joerg -
AuthorPosts
- The topic ‘Enfold Shop – Woocommerce Produktbild Größe ändern’ is closed to new replies.