Home › Forums › WoodMart support forum › Product IMages in Archive no crop should be scaled
Product IMages in Archive no crop should be scaled
- This topic has 9 replies, 2 voices, and was last updated 9 months, 4 weeks ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
June 27, 2024 at 9:54 pm #576057
WiwaParticipantHi,
on my webshop the product archive gets pretty messy because of different product images ratio and solution. i red your article https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/ and also did research in this forum.
I don´t want to be the images cropped to a ratio like mentioned in the article before.
I want to scale the images all to the same hight. so that the product archive looks even.do you have a solution for that?
Thanks,
JulienJune 28, 2024 at 10:31 am #576137
Aizaz Imtiaz AwanKeymasterHello,
Your images differ in size considerably. You need to upload images of the same size.
Please check this manual on how to configure:
https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/Best Regards.
June 28, 2024 at 10:49 am #576156
WiwaParticipantHi,
you have sent me an Link to your Theme Documentation, which doesn´t help. I posted the same link in my question and told you, that this is not working and not what i want.
have you even read my message?
June 28, 2024 at 3:10 pm #576233
Aizaz Imtiaz AwanKeymasterHello,
Basically, the product images are controlled by WooCommerce.
You can define the “height” of the shop thumbnails by setting up the width:height aspect ratio in the “Thumbnail cropping” section:
Custom: In Custom you can select the aspect ratio of the image. Here are some of the popular aspect ratios (1:1, 5:4, 4:3, 3:2, 16:9 and 3:1).Uncropped: Height of the image will be untouched. Images will display using the aspect ratio in which they were uploaded.
https://ibb.co/6mR6DbDBest Regards.
June 29, 2024 at 10:23 am #576375
WiwaParticipantHi,
i think der is still a comunication problem. You don´t understand whats my problem. So for this time i attached tweo screenshots to clearify hopefully everything:
Screenshot 1 – product thumbnails before crop:
On this picture you can see the diffferent Levels of Product titles (see red line), and also the different sizes and Ratio of the product thumbnailsScreenshit 2 – product thumbnails after crop:
On this picture you can see, That thumbnails got cropped now, and on the pictures we are loosing main details because of cropping. That´s why i want to know, how you can SCALE down the images in SIZE so they fit in to the same grid but don´t get CROPPED. So they keep their ratio, but the picture size will fit in to a grid where everything is level.Also on that screenshot you can see thatthe Product titles are still not in line.
Screenshot 3 – Shows a different Onlineshop with same prdoucts and the solution i want. Pictures are sized down and everything is level.
Different store:
https://www.camperausbauwelt.de/Sitze-SitzbaenkeI hope you understoo me know.
Looking forward to hear from you.
Regards,
JulienAttachments:
You must be logged in to view attached files.June 29, 2024 at 3:28 pm #576436
Aizaz Imtiaz AwanKeymasterHello,
In your second screenshot, the product title is not aligned on the same line because the product attributes are displayed in a grid format on some of the products.
Navigate to Theme Settings -> Shop -> Variable products and disable the attribute to the “Grid swatch attribute to display” field: https://prnt.sc/jVxH52JZb9xD
Best Regards.
June 30, 2024 at 4:00 pm #576524
WiwaParticipantHello,
thanks for your answer. But did your read my other questions? you just replied to one question..
I also asked about product thumbnail smaller size withoug cropping?
Please read my question before..July 1, 2024 at 10:55 am #576638
Aizaz Imtiaz AwanKeymasterHello,
It is due to different heights of images. I kindly recommend you preparing images you want before uploading them to your media library using the graphic editor (Photoshop or any other) to have a nice-looking grid.
For the Product Archive page, please navigate to Theme Settings > Product archives -> Products styles, here you can enable the Even product grid for desktop option to align products if they have different height components.
https://prnt.sc/ASt5z0mmasuzBest Regards.
July 1, 2024 at 1:38 pm #576726
WiwaParticipantHello,
thanks for your answer.
The Settings recommendation, which you have sent is already set in the settings.
About the images: I dont want to edit 1000s of product photos with photoshop. Normally themes have a option to scale pictures down so they fit into the container where they are placed.
I have sent you a link form another onlineshop which exactly does that with the same ictures i have. did you see?
so where can i find this settings?
Regards,
JulienJuly 1, 2024 at 4:05 pm #576792
Aizaz Imtiaz AwanKeymasterHello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register