Different Collection Image on Home Page and Collection Page

Solved
Highlighted
Tourist
23 0 1

Hello!

 

I am using the debut theme and would like to have a different picture in the Collection section on my home page than another picture on the collection page once the customer clicks that collection. 

 

Than k you in advance!

0 Likes
Highlighted
Shopify Partner
1080 169 194

Hi @OliviaRae ,

There isn't any easy way of doing this without getting into your liquid code and modifying a thing or two so that the banner that is loaded up on the Collection is taken from a Metafield & not the Featured Image. 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
23 0 1

I'm happy to try and give it a shot if you provide the code! Or I can give you my URL and passcode if that's easier

0 Likes
Highlighted
Shopify Partner
1080 169 194

We can lay the ground work here:

  1. Install this metafield application
  2. Upload a wide banner to your "Files" inside "Settings"->"Files"
  3. Copy the File's URL
  4. Go to the Metafield App
  5. Click on Collection
  6. Add a New Metafield (Select String)
  7. Paste the URL in the empty field below

Once done please share your store's URL so I can request collaborative access and switch your Collection's Image for the page. Cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
23 0 1

Do you know the dimensions for the wide banner?

0 Likes
Highlighted
Shopify Partner
1080 169 194

Try using a 2000x5000 image as a start, make sure it doesn't exceed 150KB

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
23 0 1

Hello! 

I believe I uploaded the file correctly. 

Once I clicked collections, there was no option to create a metafield unless I chose a collection. So I chose Best Sellers and created a new metafield there (Key - Blank, Namespace - global, value type - string)(Key - collection, namespace - global, value type - string).

 

my store url: alyasboutique.com

passcode: ShopNow

 

Collection image url: https://cdn.shopify.com/s/files/1/0436/4949/9297/files/Collection_background_2000x5000.png?v=1601422...

0 Likes
Highlighted
Shopify Partner
1080 169 194

OK Thanks!

Will be sending you a collaborator access shortly to get this done. 

Thanks! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
1 Like
Highlighted
Shopify Partner
1080 169 194

This is an accepted solution.

All Good!

@OliviaRae please follow the pattern in the image below to fill the header for each collection:

JHKC_0-1601483229574.png

 

All Good! Cheers!

 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
23 0 1

Hello. 

 

Thank you for your help! If I want to change the background, how can I do that?

0 Likes