Debut theme: collection image sizes

New Member
2 0 0

Can we use TWO "collection" images? One that looks good as a square on the home page, and then another that looks good as the rectangle on the collection page itself?

 

The square image gets stretched and looks awful, and if I make a large version, it doesn't look good in the square.

 

So, can we use a different image on the collection page (rectangle) than the one showing on the main page (square)?

0 Likes
Highlighted
Shopify Expert
2127 354 445

Hi @woozie123 

Yes, you can do it but for that you have to manage some code for metafield.

You can use collection metafield for that, add one image in collection metafield and get it on home page or collection page(banner).

For that you need metafield app link here for free app, add image url in collection metafield and manage it on page.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
4 0 0

Hello,

I have the same problem.

 

I've just added Metafields Guru,

 

but I can't understand how to use it to edit the image in the collection page (banner), could you help me?

 

Thanks a lot,

 

Luca

0 Likes
Shopify Expert
2127 354 445

Add one image in collection metafield and get it on  collection page(banner).

add image url in collection metafield and manage it on page.

You have knowledge of metafield liquid code for that how to manage it on collection page by code. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
4 0 0

Thanks for your reply.

 

This is the first time I use metafields and I'm a little bit confused.

 

I'm using Metafields Guru but I don't know how to add an image in collection page.

These are my steps:

 

Metafields Guru
Collections
Click on one collection
Create Metafield

and now I don't know how to go on.

 

Could you help me?

 

Thank you,

Luca

0 Likes
Shopify Expert
2127 354 445

1. Upload image in Setting->file that you want to show on collection page and then copy url.

2. Open collection metafield in app and paste url in value section.

3. Get this url from metafield code on collection page and show where you want to show. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
4 0 0

Step 1 - done

Step 2 - Image.JPG

 

Step 3 - this is the code:

 

<p><a href="https://cdn.shopify.com/s/files/1/0266/4241/5695/files/Scritta_RUDE_2019_-_12_settembre.png?246">htt...>

 

What I have to do now?

 

Thanks you so much,

Luca

0 Likes
Shopify Expert
2127 354 445

Now get this image url on collection page by using this code

and show where you want to display this image 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes