Custom banner for individual collection not working

Technical Q&A
1

Hi,

I want to create a custom banner for each brand in an online store. No matter what I do it will not work. I think something in my theme will not allow it. Please help.

Here is a page for reference, so here I would like to put a custom banner image for this brand:

https://augustine.la/collections/dsptch

Thanks in advance

2

Hi @Canoga ,

You can use an image collection for it. Refer

Screenshot.png
Screenshot.png1087×629 32.2 KB

Then the image will display fine on the collection page.

Hope it is clear to you.

3

Yeah I wish it was that easy, there is something in the theme I am using that is disabling it

4

Hi @Canoga ,

Have you uploaded and it’s not showing?

Please send me the code of the collection-template.liquid file, I will check it for you.

5

Hi @Canoga

I believe you should use Shopify metafield for the collection pages. Please follow the below steps.

Step 1: Create the metafield definition1. Go to Setting > Metafields.

  1. Choose Metafields type. In this guide, we will choose the “Collections” metafields type for demonstration.

  2. Click Add Definition.

  3. Fill in name, namespaces, key, and choose content type file, and select images

  4. Hit Save to successfully create one metafield definition.

Step 2: Add value to the metafield in the product setting1. In Shopify admin, go to Products > Collections you want to add more information through metafields.

  1. On the collection setting page, scroll down to the “Metafields” section.

  2. Add Value to the Metafields. (Upload images into the metafields)

Step 3: Display Metafields on your Shopify Store1. Go back to Metafields Setting, and copy the condition line.

  1. Go to Online Store > Themes > Actions > Edit Codes

  2. In the Section Folders, find main-collection.liquid or collection-template.liquid file

  3. Add the following code using the line we copied earlier in the suitable location in the template files.
    In our example, it will look like this:
    Condition: {{ collection.metafields.my_fields.condition }}

  4. Save, and check any product page to see the results.

Let me know how it goes.

6

Thanks, everybody. Yeah, so the code was missing, and added it to the collections. Good to go!

7

Will this be my issue and resolution? Not shopify savey at all. I have my shop on an old version Boundless version 2.4.0. Any new product I want to add does not give me a Collections tab to put my new product in any more. Can you please help me resolve this. I really like my webpage look still.

8

Will this be my issue and resolution? Not shopify savey at all. I have my shop on an old version Boundless version 2.4.0. Any new product I want to add does not give me a Collections tab to put my new product in any more. Can you please help me resolve this. I really like my webpage look still.