As I haven't found a solution to the image scaling issue I post again with new images.
The issue is that collection images don't fit the frame and scaling changes when I am just looking at the collections page and when I am into a specific collection (Summer Bandanas for example).
Also, image scaling differs when I use a phone.
I give example pics.
I know that is an issue that can be solved only by modifying the code of the page.
I have already tried a lot of solutions by image resizing but this is not a permanent solution and I spend hours just practicing resizing every pic.
So any solutions?
The solution to this which I prescribe to everyone is to create a new metafield in the Collection page especially for the banner, that way the display image is different than the collection listing banner. That way you have one ready for square formatting and the other for landscape already which can be different.
Alright I will try to guide you as much as possible by steps:
Let me know then!
I tried to do follow the steps. I uploaded the picture of my collection to metafields editor. I created the link. But as i am going to collection-template.liquid there is no collection.image.url . As i understand i have to replace the existing URL of the particular collection image. But to this section there is only general code and not for this particular collection. There are only dimensions of the pictures. Sorry if i am wrong but i don't have all the knowledge for that. I am trying to understand how code works here.
i am attaching the pic of the meta field creation:
And here the part of the code that appears to my page.