Tagged: magazine element, thumbnails
-
AuthorPosts
-
August 23, 2022 at 1:03 am #1362437
No idea why this is happening. I have magazine element on the homepage, articles I posted several months ago are showing thumbnails at correct 16:9 ratio, new ones are showing at 1:1.
August 23, 2022 at 3:30 am #1362453Hey Andrew,
Thank you for the inquiry.
What are the sizes of the newly uploaded images? The images are showing as 80x80px on our end, which is the default size for the small magazine entries. You can adjust the size of the big entry by adjusting the magazine element’s Styling > General Styling > Big Image Size settings.
Best regards,
IsmaelSeptember 3, 2022 at 12:04 am #1363698They are identical size to the ones below it in the same element which are displaying properly.
September 3, 2022 at 12:06 am #1363699We didn’t upload or use square images for the featured images, they are 320×180 intentionally, because that is the aspect ratio we wish to display them in. I don’t understand whay the magazine element is resizing these and not the ones directly below them.
September 3, 2022 at 12:18 am #1363700see image attached for inconsistent treatment of featured images. All are the same original size, the distorted ones are initially rendered at 80×80 instead of the actual size of the images for some reason. This is a production site.
September 3, 2022 at 2:44 am #1363704I am having the same issue with the latest catalog images – working fine and then 1:1 ratio which is wrong. It appears to be a bug that was NOT fixed in the most recent update.
September 3, 2022 at 4:03 pm #1363748Hi,
Please try this filter in functions.php to see if you have any luck with it:
add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'temp_thumbnail_size_fix', 10, 1 ); function temp_thumbnail_size_fix( $thumbnail_size ) { return 'woocommerce_thumbnail'; }
Best regards,
RikardSeptember 4, 2022 at 6:29 pm #1363809My thumbnails are not woocommerce thumbnails. They are part of the default magazine element in Enfold.
September 4, 2022 at 7:07 pm #1363814I have verified that this filter does not solve my issue.
September 4, 2022 at 7:13 pm #1363816I would like to report that the filter DID work in my case – Thank you for the info!
September 5, 2022 at 7:09 am #1363867Hi,
Thank you for the update.
The images in the magazine element get distorted because of this css code.
.AVR-home-page .av-magazine-thumbnail { width: 320px !important; height: 180px !important; } .AVR-home-page .av-magazine-thumbnail img { height: 168px !important; width: 309px !important; }
Removing the css code should bring the magazine element back to its default style or layout, screenshot below.
// https://1drv.ms/u/s!AjjTfXSRbKTvxAoJplsUeMQf6rZy?e=HVdrI7
Best regards,
IsmaelSeptember 5, 2022 at 5:16 pm #1363956I WANT the thumbnails to display on a 16:9 ratio. I DO NOT want them square. The ones that are 16:9 are CORRECT. the square ones are not.
September 5, 2022 at 5:17 pm #1363957The theme is somehow forcing the 1:1 ratio into featured images that are 16:9. The ones below the distorted ones work fine.
September 6, 2022 at 10:01 am #1364008Hi,
Thank you for the clarification.
The default size used for the magazine element is 80x80px, so you have to select a different size by adjusting the magazine element’s Styling > Appearance > Preview Image Sizes settings to the second option. In the Select custom preview image size settings, select the first option to display the source image with the original aspect ratio.
Best regards,
IsmaelSeptember 6, 2022 at 9:59 pm #1364135I don’t see Styling > Appearance > Preview Image Sizes anywhere in the magazine element.
September 7, 2022 at 1:20 am #1364142Does anyone know where the Styling > Appearance > Preview Image Sizes settings are located for the magazine element?
September 7, 2022 at 7:35 am #1364153Hi,
Sorry for the confusion. Looks like you can only select the thumbnail size for the big entry in the Styling > General Styling panel, small entries use the default thumbnail (80x80px). Please add this filter in the functions.php file instead.
add_filter('avf_magazine_settings', function($config) { $config['image_size']['small'] = 'full'; $config['image_size']['big'] = 'full'; return $config; }, 10, 1);
The filter will set the thumbnail size of the small entries to full and display the original image.
Best regards,
IsmaelSeptember 9, 2022 at 10:42 pm #1364478That would be a great feature to add – a way to choose the size of the small thumbnail in elements that have them from within the element.
This filter worked, I am glad to finally have a solution. 16 days is a very long time.
September 10, 2022 at 1:02 pm #1364518Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘magazine thumbnails display at different sizes’ is closed to new replies.