A user reports inconsistent product image display between their landing page’s featured collection block and the actual collection page. The same product appears differently cropped or zoomed in these two locations.
Cause identified:
The theme automatically zooms images to fit different aspect ratio containers in each section.
Suggested solutions:
Current status:
The issue remains unresolved. The user cannot find the solution in theme settings, and custom coding assistance from a professional developer has been recommended to properly address the aspect ratio discrepancy.
Hello,
My product images on my landing page don’t look they same as they do on their respective collection page.
For example: Whenever someone goes onto the website and scrolls down to the featured “trending” collection block, the product images do not look the same as when someone actually goes to the collection page.
I have attached two image of the same product. One in a collection page, and the other on the landing page.
Hello Kogun1 
This happens because your theme zooms in the image to fit a different ratio container. There may be settings in those sections to change the image ratio to make them look consistent. If not, it can be achieved with custom code changes.
Hello,
I’ve looked everywhere even within my theme customization options and I still cannot find a solution. What custom code would I need to fix this problem? Thanks.
This is not a quick fix. If you require custom theme changes you are unable to perform yourself or a consultation to figure out what is the best solution for you, you need to hire a professional. You can contact me on https://ecomnoon.com/contact/ to get a quote.
